TouchableOpacity extends TouchableWithoutFeedback, so you can just use the disabled property : <TouchableOpacity disabled={true}> <Text>I’m disabled</Text> </TouchableOpacity> React Native TouchableWithoutFeedback #disabled documentation The new Pressable API has a disabled option too : <Pressable disable={true}> {({ pressed }) => ( <Text>I’m disabled</Text> )} </Pressable>
why does the Text take up the full space of the View, instead of just the space for “Hello”? Because the View is a flex container and by default has flexDirection: ‘column’ and alignItems: ‘stretch’, which means that its children should be stretched out to fill its width. (Note, per the docs, that all components … Read more
Instead of hard-coding your app constants and doing a switch on the environment (I’ll explain how to do that in a moment), I suggest using the twelve factor suggestion of having your build process define your BASE_URL and your API_KEY. To answer how to expose your environment to react-native, I suggest using Babel’s babel-plugin-transform-inline-environment-variables. To … Read more
Use rgba value for the backgroundColor. For example, backgroundColor: ‘rgba(52, 52, 52, 0.8)’ This sets it to a grey color with 80% opacity, which is derived from the opacity decimal, 0.8. This value can be anything from 0.0 to 1.0.
Use the numberOfLines parameter on a Text component: <Text numberOfLines={1}>long long long long text<Text> Will produce: long long long… (Assuming you have short width container.) Use the ellipsizeMode parameter to move the ellipsis to the head or middle. tail is the default value. <Text numberOfLines={1} ellipsizeMode=”head”>long long long long text<Text> Will produce: …long long text … Read more
This is what I’ve done with it: Close all terminals and run build again. You may forget to close nodejs terminal from another project, and they happen to have installed different react version. So the code fetches from nodejs server conflicts with the native one.
When you write code in Expo you are writing React Native code. Expo has two main pieces: Expo CLI (expo-cli): a developer tool for creating projects, viewing logs, opening on your device, publishing, etc. Expo client: an app on your phone that lets you open your projects while you’re working on them, without needing to … Read more
Linux uses the inotify package to observe filesystem events, individual files or directories. Since React / Angular hot-reloads and recompiles files on save it needs to keep track of all project’s files. Increasing the inotify watch limit should hide the warning messages. You could try editing # insert the new value into the system config … Read more