As the React Native is still in development, it's quite stable now but could have some outstanding issues that you can google you find out your solution to fix, here are some issues and how to fix.

1. Install Android simulator with Genymotion and create new VM could cause the issue with the sound driver and it's could not be started

Fixed: uncheck the Enable audio option


2. If your JXS syntax which having double style that will cause a "red screen" on the Android without a clue to find out, should find all your project and look for the place need to be fixed. But it is ok from the iOs simulator

<Text style={styles.buttonRoundText} style={{color: '#eee'}}>{this.props.text}</Text>
<Text style={[styles.buttonRoundText}, {color: '#eee'}] }>{this.props.text}</Text>

3. Unable to execute JS call: __fbBatchedBridge is undefined on iOS

Please change the Build Phases setting to "Release" instead of "Debug" for both Run and Test section:

You may run this cmd to build the main.jsbundle where collect all resource for the app react-native bundle --minify --entry-file index.ios.js --platform ios --dev false --bundle-output ./ios/main.jsbundle --assets-dest ./ios

Then add it to the link to both Binary setting and the Project directory:


4. The images could not be recognized when build on real device.

Fixed: you should to generate the Bundle JS file and following

react-native bundle --minify --entry-file index.ios.js --platform ios --dev false --bundle-output .\/ios\/main.jsbundle --assets-dest .\/ios

And make sure you have map the resource to Build Phases (Copy Bundle Resources):


5. Can not execute to run the simulator

This error is caused by a @providesModule declaration with the same name accross two different files. Error: @providesModule naming collision: Duplicate module name

trying to delete the Build folder, clear cache and instlal npm again

npm cache clean && watchman watch-del-all && rm -rf node_modules && npm install && npm start -- --reset-cache

results matching ""

    No results matching ""