react-native

It’s a typo: Your closing ScrollView tag is: </SCrollView> rather than </ScrollView>. You also need to add a style to the View container, here’s an example of what it should look like: return( <View style={{flex: 1}}> <ScrollView> <Text> TEST </Text> <Text> TEST </Text> <Text> TEST </Text> <Text> TEST </Text> … </ScrollView> </View> );

If you are using react-navigation, this is affected by the header of the react-navigation. The height of the header is vary on different mobile screen. So you have to get the height of the header and pass into the keyboardVerticalOffset props. import * as React from ‘react’ import { KeyboardAvoidingView } from ‘react-native’ import { … Read more

Set android:windowSoftInputMode=”adjustPan” in your manifest file, and it will work as you expect. E.g. <application android:name=”.MainApplication” android:allowBackup=”true” … <activity android:name=”.MainActivity” android:label=”@string/app_name” … android:windowSoftInputMode=”adjustPan”> … </activity> … </application>

The global scope in React Native is variable global. Such as global.foo = foo, then you can use global.foo anywhere. But do not abuse it! In my opinion, global scope may used to store the global config or something like that. Share variables between different views, as your description, you can choose many other solutions(use … Read more

Try to implement onMomentumScrollBegin on FlatList : constructor(props) { super(props); this.onEndReachedCalledDuringMomentum = true; } … <FlatList … onEndReached={this.onEndReached.bind(this)} onEndReachedThreshold={0.5} onMomentumScrollBegin={() => { this.onEndReachedCalledDuringMomentum = false; }} /> and modify your onEndReached onEndReached = ({ distanceFromEnd }) => { if(!this.onEndReachedCalledDuringMomentum){ this.fetchData(); this.onEndReachedCalledDuringMomentum = true; } }

I think Ramsay is wrong, react native have a fully support on base64 image. I found this https://facebook.github.io/react-native/docs/tabbarios.html this is a official example of how to create a iOS TabBarController, and they use a base64 image as one of the TabBar’s icon. I think you did not specify the width and the height in the … Read more

You can change the name attribute in package.json, run react-native upgrade, and just let react overwrite the android/ios files. Don’t overwrite your index files if there is unsaved code, however. Then change your Appregistry line from AppRegistry.registerComponent(‘MyAppIOS’, () => MyAppIOS); To: AppRegistry.registerComponent(‘MyApp’, () => MyApp);