atoami / react-native-navigation-redux-starter-kit Goto Github PK
View Code? Open in Web Editor NEWReact Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK ๐
License: MIT License
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK ๐
License: MIT License
Doesn't actually appear to work. The "Welcome to RNN v2 Starter Kit" page appears but clicking "Get Started" does nothing.
Commands executed:
git clone https://github.com/wagng/react-native-navigation-redux-starter-kit ReactNativeBoilerplate
cd ReactNativeBoilerplate
yarn
react-native run-android
Versions:
davethompson$ react-native --version
react-native-cli: 2.0.1
react-native: 0.57.8
davethompson$ node --version
v11.6.0
Attached logcat output, but nothing appears.
Spec:
Hi are you planning to upgrade for latest version?
I using react-native-config,it's working on iOS but not working on Android. Please help !
I using:
React native: 0.57.8
react-native-config: 0.11.7
This is my code:
import Config from 'react-native-config'
console.log(Config.MAIN_COLOR) // undefined
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>COLOR : {Config.MAIN_COLOR} </Text>
</View>
file : .env
# COLOR
MAIN_COLOR=#00BFF2
Hi, wagng
Its great you provide a such workable integration
Here I met a iOS bug. android runs ok
iOS Xcode compile as
error: no such file or directory: '/Users/username/app/ios/Pods/React/React/Layout/Layout.c'
I'm using react-native link
should I use pod install
in ios directory?
but that will cause the android build error with duplicated react module
what's your solution!
Someone has an example of redux modules in this template? Because I do not really understand how to connect more than 1 module in the component.
Hello!
You did awesome job with this starter project, thank you:)
I have one question. I managed to get it working a bit, using the screens you did prepare - I have bottom buttons to navigate. Do you have any idea why I see black bar in top of the dashboard screen, and on other screens it is not there? I cannot see battery status on login screen nor welcome screen, because there is just white background there. Im using ios simulator.
Best regards!
It seems every tabs will render when app start?
I have:
TabOne
TabTwo
TabThree
I don't tap on TabTwo and TabThree but every request called and view render before i tab them.
error:
ReferenceError: Unknown option: .caller. Check out http://babeljs.io/docs/usage/options/ for more information about options.
at buildUnknownError (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:113:11)
at Object.keys.forEach.key (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:99:57)
at Array.forEach (<anonymous>)
at validate (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:69:21)
at loadPrivatePartialConfig (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/partial.js:38:50)
at loadFullConfig (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/full.js:43:39)
at loadOptions (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/index.js:28:36)
at OptionManager.init (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/index.js:34:12)
at compile (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/register/lib/node.js:61:42)
at compileHook (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/register/lib/node.js:102:12)
the error is located at ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:113 throw new ReferenceError(unknownOptErr);
There are various references on stack oveflow. I'm currently experimenting with upgrading the babel dependancies
I clone the repo and try to run the basic boilerplate. However the application crashes at startup.
I stop the debugger and can identify the crash happens in file src/navigation/registerScreens.js
line 38,
i.e.
Navigation.registerComponent(WELCOME_SCREEN, () => WrappedComponent(WelcomeScreen));
The console shows this error:
Error: Component ''demo.WelcomeScreen" does not have a componentId!
This error is located at:
in WrappedComponent (at renderApplication.js:34)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:33)
Any ideas why this might be failing? I am using exactly your source code.
In fresh pull:
cd android
gradlew assembleRelease
Shows Task :react-native-navigation:compileReactNative51ReleaseJavaWithJavac FAILED
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.