react-native

The generator does not override the strings.xml file located in android/app/src/main/res/values/, so you have to change the app_name variable manually

You can use TouchableOpacity for onPress event. View doesn’t provide onPress prop. <TouchableOpacity style={{backgroundColor: “red”, padding: 20}} onPress={()=> { console.log(‘does not work’); } }> <Text>X</Text> </TouchableOpacity>

Using a RegExp to replace any non digit is faster than using a for loop with a whitelist, like other answers do. Use this for your onTextChange handler: onChanged (text) { this.setState({ mobile: text.replace(/[^0-9]/g, ”), }); } Performance test here: https://jsperf.com/removing-non-digit-characters-from-a-string

To see what version you have on your Mac(Window also can run that code.), run react-native -v and you should get something like this: If you want to know what version your project is running, look in /node_modules/react-native/package.json and look for the version key:

Simply do this: <FlatList data={[{name: ‘a’}, {name: ‘b’}]} renderItem={ ({item}) => <Text>{item.name}</Text> } keyExtractor={(item, index) => index.toString()} /> Source: here

You could simply use an empty View with a bottom border. <View style={{ borderBottomColor: ‘black’, borderBottomWidth: StyleSheet.hairlineWidth, }} />

You can use <Text> like a container for your other text components. This is example: … <Text> <Text>This is a sentence</Text> <Text style={{fontWeight: “bold”}}> with</Text> <Text> one word in bold</Text> </Text> … Here is an example.

When this was asked there wasn’t a way to do it natively, however this will be added on the next sync according to this pull request. Here is the last comment on the pull request – “Landed internally, will be out on the next sync” When it is added you will be able to do … Read more