react-native-navigation
ignite
Our great sponsors
react-native-navigation | ignite | |
---|---|---|
13 | 39 | |
12,986 | 16,629 | |
0.0% | 1.5% | |
8.1 | 9.0 | |
1 day ago | 6 days ago | |
MDX | 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-navigation
-
Using react-native-navigation(wix), how do I change position of one of bottomTab to make it higher like the image. I can't seem to find this on docs.
Looks like this feature is not available (check here and here) yet. Good luck mate
-
How I go with react native in late 2022
another option is react-native-navigation which I haven't used yet but as the document says:
-
[Wix RNN] Anybody know how to nest bottomTabs inside of a stack navigator without incurring extra space to the topBar?
The behavior was reported in their issues 2 years ago: https://github.com/wix/react-native-navigation/issues/6174
-
React Native - How to better organise your app with react-native-navigation
At this point don't have a clear preference over which package to use in my next project (react-navigation or react-native-navigation) - they both have strengths and weaknesses, one is easier to actually work with, one is faster in terms of execution, one has better APIs, docs, community, etc.
- Faster alternative to navigation?
-
Custom component topbar button event RNN v2
class Home extends React.PureComponent { constructor(props: Props) { super(props); Navigation.events().bindComponent(this); } closeMenu = () => { this._drawer.close(); }; openMenu = () => { this._drawer.open(); }; static options(passProps) { return { topBar: { rightButtons: [ { component: { name: 'MenuButton', passProps: { onClick: () => this.openMenu(), }, }, }, ], }, }; } render() { return ( ... ); }} Reference I got my passProps code from: https://github.com/wix/react-native-navigation/issues/3648
-
I made a streaming availability mobile app to tell you where to watch films and TV shows
Thanks! React Native to build the app. React Native Navigation from Wix to build the navigation so the app feels native.
-
Build React Native Apps with Simplified and Predictable Navigation
There are two major navigation libraries in React Native world: react-navigation and react-native-navigation. They are both widely used among the community.
-
How do I make my react native app not look like ass without losing all my hair?
You can have a look at React Native Navigation: https://wix.github.io/react-native-navigation/
-
What I Learned as a Web Dev on My First React Native Project
To navigate between screens, you will probably end up using the very popular React Navigation library. There is a great, purely native alternative, React Native Navigation (the names get confused easily), from Wix. It is super performant but not that flexible. Therefore, again: If your design asks you for something custom, you have no choice but to go with React Navigation; luckily, it is a great, well-documented option.
ignite
-
Yet Another Newsletter LOL: Pi Day
Jamon Holmgren, CTO at Infinite Red, joins Nick Taylor to discuss the Ignite project, https://github.com/infinitered/ignite, a battle-tested React Native boi...
- Been trying to start an app from scratch but had an epiphany, could I download pre-made open source apps or templates as starting points, and just change some elements to make it essentially my own app?
- RN Boilerplate?
-
Guide to me for my project.
You'll learn lot more without Expo. It makes things lot easier/faster but will give you problems later. I recommend you to start with cli, and if you want to avoid tedious tasks of setting up things, go ahead with Ignite or another boilerplate that has already all the basic libraries set up (react navigation, state, UI, etc.) so you just can begin with your project logic/code https://github.com/infinitered/ignite
- Clean Architecture in React Native?
- Suggestions for first-time React Native app
-
Best way to create react app from scratch
You should check out the react native boilerplate by Ignite: https://github.com/infinitered/ignite
-
Ask HN: Best courses to learn React Native for a back end dev
I recently picked up react native, though I had a good amount of experience with React already and much of it is similar. Except for working with the file system and tooling.
One good boilerplate Iād recommend having a look at is https://github.com/infinitered/ignite not a course but possibly a good resource to learn from.
-
React Native Skeleton with Bottom Tab Bar
Check out React Native Ignite
-
Clean Architecture / Design Pattern for React Native Projects
I've been using the Ignite boilerplate (with Expo enabled) and I'm quite happy with it. It contains everything I need, nicely structured.
What are some alternatives?
react-native-vision-camera - šø The Camera library that sees the vision. [Moved to: https://github.com/mrousavy/react-native-vision-camera]
torrent - download torrents with node from the CLI
async-storage - An asynchronous, persistent, key-value storage system for React Native.
ESLint - Find and fix problems in your JavaScript code.
neutralinojs - Portable and lightweight cross-platform desktop application development framework
expo - An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
react-native-keyboard-manager - ā Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects.
Babel (Formerly 6to5) - š Babel is a compiler for writing next generation JavaScript.
react-native-reanimated - React Native's Animated library reimplemented
fkill - Fabulously kill processes. Cross-platform.
rnn-screens - š Predictable Navigation for React Native.
vantage - Distributed, realtime CLI for live Node apps.