ReactNativeApp | 1 | iOS library

I am kind of new in React. I have been able to read real-time data in json format from Firebase in a Web App, but, when I try to write info from the UI to the database I just get code type objects and not the written data. Worst than that, I am messing something else in the code because every time user writes a character, the app updates the value and sends the info to the database. I would deeply appreciate any indication for the right path and thanks in advance.

This is the main page code where the problem occurs:

I'm creating an app to integrate react-native with an existing Swift app.

I've looked into similar issues:

• React-Native: Dismiss/Exit React-Native View back to Native
• How can I go back to native view controller from react-native page?

While following different tutorials:

• React Native calling class methods on native Swift
• Swift in React Native the ultimate guide
• React Native tutorial integrating in an existing app*

And the official docs

The problem is: all of them are outdated (but the docs). Most of them use the legacy Navigation rather than Stack Navigator. One of the tutorials (the one with an asterisk) shows how to dismiss the React Native app back to the Native app using the rootTag of the app, but again, this was done with the legacy Navigation.

If I try to do the same, I'm not able to see the props from my app.

I have a single Storyboard with a Button inside that when clicked calls this UIViewController:

ButtonController

I'm kinda new to react-native and I'm currently trying to add a stack-navigator to my app:

I am working on a ReactNative app on Mac. I have installed the XCode 6. I go to the XCode -> Open Developer Tool -> IOS Simulator. This starts a simulator, now when i run the following command on VS Code terminal

I am using react native 0.49.5 and react 16.0.0-beta.5 for making an App.
I am using react native-fbsdk(^0.6.3) for facebook login. All necessary steps are taken to link android with the facebook sdk.
But When I ran react-native run-android, It threw an error.

Error log in CLI(TERMINAL):

/home/sunny/projects/ReactNativeApp/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v26/values-v26.xml:15:21-54: AAPT: No resource found that matches the given name: attr 'android:keyboardNavigationCluster'.

/home/sunny/projects/ReactNativeApp/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v26/values-v26.xml:15: error: Error: No resource found that matches the given name: attr 'android:keyboardNavigationCluster'.

:react-native-fbsdk:processReleaseResources FAILED

FAILURE: Build failed with an exception.

• What went wrong: Execution failed for task ':react-native-fbsdk:processReleaseResources'. com.android.ide.common.process.ProcessException: Failed to execute aapt

• Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 4.015 secs Could not install the app on the device, read the error above for details. Make sure you have an Android emulator running or a device connected and have set up your Android development environment: https://facebook.github.io/react-native/docs/android-setup.html

Here is my android/build.gradle

Relatively new to react native. Issued the following commmands to create a new react native project:

create-react-native-app SwiperExample
cd SwiperExample
npm install --save react-native-swipe-gestures

I modified App.js and included

import Swiper from 'react-native-swiper';

When I go to test using npm start, I the following error:

Unable to resolve react-native-swiper" from "./C:\Users\sue\ReactNativeApps\SwiperExample\App.js"
Failed building JavaScript bundle

My package.json include the following dependecies

"dependencies": {
"expo": "^25.0.0",
"react": "16.2.0",
"react-native": "0.52.0",
"react-native-swipe-gestures": "^1.0.2"
}

Any suggestions what is wrong?

After looking through the react-native docs and various answers on here, I can see: