I like this approach which shows the activity indicator overlayed on the loading Webview so you don’t have to wait until the entire page is loaded to start seeing content. constructor(props) { super(props); this.state = { visible: true }; } hideSpinner() { this.setState({ visible: false }); } render() { return ( <View style={{ flex: 1 … Read more
Ok I got the code working, below you can take the look for validating the email on each user input : Your function part: validate = (text) => { console.log(text); let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w\w+)+$/; if (reg.test(text) === false) { console.log(“Email is Not Correct”); this.setState({ email: text }) return false; } else { this.setState({ email: text … Read more
You should move all the code from the componentWillMount to the constructor or componentDidMount. componentWillMount() is invoked just before mounting occurs. It is called before render(), therefore calling setState() synchronously in this method will not trigger an extra rendering. Generally, we recommend using the constructor() instead. Avoid introducing any side-effects or subscriptions in this method. … Read more
To fix this error, simply reinstall project & node modules using npm npm install Then it will show a list of warnings, and to fix them use the following command: npm audit fix This should fix everything, and allow you to run iOS emulator react-native run-ios
I ran npm audit fix and it added react_native_pods file and pod install then worked
Seems it’s related to Ruby ffi. Run the following commands: sudo arch -x86_64 gem install ffi arch -x86_64 pod install
Here is the correct answer: 1 – Your Podfile should contain this line on top require_relative ‘../node_modules/@react-native-community/cli-platform-ios/native_modules’ 2 – Make sure your package.json and node_module folders has this module installed cli-platform-ios/native_modules 3 – If you didn’t find after you run yarn install – means you have old cache node_modules in your machine and you need … Read more
Get the .app file: react-native run-ios –configuration=release .app file path Build/Products/Release/”<Your_Filename>.app”. Convert .app to .ipa : Create folder Payload. paste .app file into Payload folder. compress the Payload folder. change the name you want and put extension as .ipa.
Adding an Api Call in a focus callBack in the screen you’re returning to solves the issue. componentDidMount() { this.props.fetchData(); this.willFocusSubscription = this.props.navigation.addListener( ‘willFocus’, () => { this.props.fetchData(); } ); } componentWillUnmount() { this.willFocusSubscription.remove(); } UPDATE 2023: willFocus event was renamed to focus componentDidMount() { this.props.fetchData(); this.focusSubscription = this.props.navigation.addListener( ‘focus’, () => { this.props.fetchData(); } … Read more
Just close all other files and try again. If you are running on android make sure to run cd android and ./gradlew clean before react-native run-android. If this doesn’t fix, there might be problem with your file watching service. Try this $ brew update $ brew install watchman