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> );
Just update the version of react native in your project with the following command: $> npm install –save react-native@latest
For RN < 0.60 By default the Gif images are not supported in android react native app. You need to set use Fresco to display the gif images. The code: Edit your android/app/build.gradle file and add the following code: dependencies: { … compile ‘com.facebook.fresco:fresco:1.+’ // For animated GIF support compile ‘com.facebook.fresco:animated-gif:1.+’ // For WebP support, … Read more
Solution was to change the order of the components. What i originally had: <TouchableHighLight><Text>Click me</Text></TouchableHighlight> <View> …. </View> This was the fix: <View>…</View> <TouchableHighLight><Text>Click me</Text></TouchableHighlight>
React Native now contains ViewPropTypes, which will replace View.propTypes.style. Example of usage: import { ViewPropTypes } from ‘react-native’; MyComponent.propTypes = { style: ViewPropTypes.style };
Thanks to react-native doc: https://facebook.github.io/react-native/docs/textinput.html You can do something like that: class AutoExpandingTextInput extends React.Component { state: any; constructor(props) { super(props); this.state = {text: ”, height: 0}; } render() { return ( <TextInput {…this.props} multiline={true} onChange={(event) => { this.setState({ text: event.nativeEvent.text, height: event.nativeEvent.contentSize.height, }); }} style={[styles.default, {height: Math.max(35, this.state.height)}]} value={this.state.text} /> ); } } 0.46.1 … Read more
The npm link command doesn’t work because React Native packager doesn’t support symlinks. After a little research, I discovered that there are two ways to go about it. Use haul packager in the example app. Haul supports symlinks, so you can use npm link as usual. Use local dependency via file:../ and then edit files … Read more
After a long research MetroJS bundler default not compile typescript .ts and .tsx extension files. We need tell MetroJS bundler to compile .ts and .tsx files i solved this error by edit metro.config.js file in root project folder by following. Edited on September 2022 Added cjx and json extensions to below snippet All extensions listed … Read more
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
There’s no need for an external library. You can find what you’re looking for in React’s Native Modules import { NativeModules } from ‘react-native’ // iOS: const locale = NativeModules.SettingsManager.settings.AppleLocale || NativeModules.SettingsManager.settings.AppleLanguages[0] // “fr_FR” // Android: const locale = NativeModules.I18nManager.localeIdentifier // “fr_FR” To test this, I changed the language on my device to French. Here’s … Read more