react-native-screens
create-t3-turbo
Our great sponsors
react-native-screens | create-t3-turbo | |
---|---|---|
9 | 20 | |
2,827 | 4,007 | |
2.1% | 6.5% | |
8.9 | 9.7 | |
3 days ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-screens
- Updated from 0.68 to 0.71.11 : getting random crashs without error logs on Android
-
The different strategies to building a cross-platform app
react-native-url-router (a single navigation system, using React Router + react-native-screens for stacks + react-native-pager-viewfor tabs).
-
Is it bad to replace default navigation header with a top aligned view for one screen?
Sure. Here is an example of what I'm talking about on github.
-
App crashes everytime I open it
FATAL EXCEPTION: main Process: web.tradenewton.com, PID: 13063 java.lang.RuntimeException: Unable to start activity ComponentInfo{web.tradenewton.com/web.tradenewton.com.MainActivity}: androidx.fragment.app.Fragment$InstantiationException: Unable to instantiate fragment com.swmansion.rnscreens.ScreenStackFragment: calling Fragment constructor caused an exception at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3616) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3780) at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:85) at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:135) at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:95) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2251) at android.os.Handler.dispatchMessage(Handler.java:106) at android.os.Looper.loop(Looper.java:233) at android.app.ActivityThread.main(ActivityThread.java:8063) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:631) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:978) Caused by: androidx.fragment.app.Fragment$InstantiationException: Unable to instantiate fragment com.swmansion.rnscreens.ScreenStackFragment: calling Fragment constructor caused an exception at androidx.fragment.app.Fragment.instantiate(Fragment.java:631) at androidx.fragment.app.FragmentContainer.instantiate(FragmentContainer.java:57) at androidx.fragment.app.FragmentManager$3.instantiate(FragmentManager.java:483) at androidx.fragment.app.FragmentStateManager.(FragmentStateManager.java:85) at androidx.fragment.app.FragmentManager.restoreSaveState(FragmentManager.java:2728) at androidx.fragment.app.FragmentController.restoreSaveState(FragmentController.java:198) at androidx.fragment.app.FragmentActivity$2.onContextAvailable(FragmentActivity.java:149) at androidx.activity.contextaware.ContextAwareHelper.dispatchOnContextAvailable(ContextAwareHelper.java:99) at androidx.activity.ComponentActivity.onCreate(ComponentActivity.java:297) at androidx.fragment.app.FragmentActivity.onCreate(FragmentActivity.java:273) at androidx.appcompat.app.AppCompatActivity.onCreate(AppCompatActivity.java:115) at com.facebook.react.ReactActivity.onCreate(ReactActivity.java:44) at android.app.Activity.performCreate(Activity.java:8006) at android.app.Activity.performCreate(Activity.java:7990) at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1329) at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3589) ... 11 more Caused by: java.lang.reflect.InvocationTargetException at java.lang.reflect.Constructor.newInstance0(Native Method) at java.lang.reflect.Constructor.newInstance(Constructor.java:343) at androidx.fragment.app.Fragment.instantiate(Fragment.java:613) ... 26 more Caused by: java.lang.IllegalStateException: Screen fragments should never be restored. Follow instructions from https://github.com/software-mansion/react-native-screens/issues/17#issuecomment-424704067 to properly configure your main activity. at com.swmansion.rnscreens.ScreenFragment.(ScreenFragment.kt:41) at com.swmansion.rnscreens.ScreenStackFragment.(ScreenStackFragment.kt:30) ... 29 more
- How can I achieve this animated header effect? I’m using react-navigation if that helps.
-
My react Native app keeps closing when I navigate back to it from another app
It´s very likely you are using react-native-screens and you forgot to updat the onCreate method. Just make sure you're onCreate method looks like this
-
React Navigation 6 (prerelease) is here
Not yet, you can open an issue in react-native-screens repo and follow these issues: https://github.com/software-mansion/react-native-screens/issues/561 https://github.com/software-mansion/react-native-screens/issues/317
- How to change screen background while in transition with react-navigation v5?
-
Just published our second RN App to the App Store. React Native only gets better with practice.
I LOVE the large title header behavior of the native-stack on iOS. I really wish the folks at RNav would implement something like that in a future release (I had rebuilt the large header from the ground up on our first app using Animated). As it stands, I am 90% sure I want to implement it on Words – but other features / fixes come first!
create-t3-turbo
-
Next JS or React Native for web version?
Check out this starter repo https://github.com/t3-oss/create-t3-turbo I didn’t use it because it didn’t really fit my needs but it I’ve heard good things about it. May work for you
-
Good repo examples
You can checkout https://github.com/t3-oss/create-t3-turbo which is based on https://create.t3.gg
-
React Native Back End
t3-oss/create-t3-turbo: Clean and simple starter repo using the T3 Stack along with Expo React Native (github.com)
-
How to authorize database record access in Next.js/Prisma/TRPC app per query?
I don't have experience with this personally, but create-t3-turbo might be useful for you if this is something you want to do.
-
node.js vs Django ?
https://github.com/t3-oss/create-t3-turbo is a great repo for getting started quickly and seeing the advantages of exactly this.
-
Does any one have experience with monorepos and react native. If so share your thoughts.
I’ve been using a monorepo from the create-t3-turbo that uses pnpm and I haven’t had any issues so far.
-
is there any real and open "multi project" monorepo?
create-t3-turbo is an amazing example of a turborepo setup done right, im always referencing it for how Julius (the creator) has things setup.
-
Agency here, what best tech to use for mobile app and web app
Coming back to your question, for development velocity the best option would be: Trpc + next.js + react native(Instead of flutter) in a turborepo. Look into this https://github.com/t3-oss/create-t3-turbo
-
How to architect a Web and Mobile React Native app
create-t3-turbo is an excellent starting point IMO. There are forks of it that include things like Solito, Clerk (for authentication) and others. It does leverage tRPC quite heavily, but if your API is malleable enough to work with it, it really helps simplify everything for your shared API logic.
-
T3 stack deployment AWS
Understood. Can I swap out next trpc and plug in express trpc? I'm using T3 monorepo https://github.com/t3-oss/create-t3-turbo
What are some alternatives?
react-native-viewpager - React Native wrapper for the Android ViewPager and iOS UIPageViewController.
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-native-collapsible-tab-view - A cross-platform Collapsible Tab View component for React Native
solito - 🧍♂️ React Native + Next.js, unified.
react-native-shared-group-preferences
turbo-ios - iOS framework for making Turbo native apps
react-native-iap - react-native native module for In App Purchase.
next-auth - Authentication for the Web.
hackerweb-native-2 - HackerWeb 2: A read-only Hacker News client.
react-router - Declarative routing for React
rn_drawertabnav_boilerplate - React Native boilerplate with Drawer and Bottom Tab Navigation