As the React Native is still in development, it's quite stable now but sometimes you can meet issues. Here are some issues and how to fix. Besides that, you can search google to find out your solution :)

1. Installing Android simulator with Genymotion and creating 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 has double style that will cause a "red screen" on the Android without a clue to find out, should find all in 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 collecting 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 of both Binary setting and the Project directory

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

Fixed: you should generate the Bundle JS file, run 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 mapped 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 across two different files. Error: @providesModule naming collision: Duplicate module name

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

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

Please fix by download this AppDelegate.m file and override the to the file: .../ios/beoNews/AppDelegate.m

8. The SDK directory \'/Users/minh/Library/Android/sdk\' does not exist

This could be fixed by changing the sdk.dir to your Android SDK folder, on Window this could be deleted and it will auto generated.

9. Missing Facebook library:

Download the SDK and unzip the archive to ~/Documents/FacebookSDK

10. Can not comment from the app.

It caused by recent change from Wordpress API when the Rest API 2.0 was merged to core library, you can temporary fix by ignore checking from create_item_permissions_check function:

public function create_item_permissions_check( $request ) { return true; }

File: class-wp-rest-comments-controller.php or functions.php from your template folder.

  1. FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformClassesWithJarMergingForDebug'.

> duplicate entry: com/google/firebase/iid/zzc.class

results matching ""

    No results matching ""