I was trying to make a QR code marker like this pic below. So I'm wondering how to make those 4 corners instead of a full border marker. I was currently using react-native-qrcode-scanner. The defa...

I want to reuse styles within StyleSheet.create's parameter object, how to do that? See the code: const styles = StyleSheet.create({ style1: { color: "red", backgroundColor: "white" }, style...

Background I have an image meant to be displayed while other content is loading. I want it to be centered and look the same on all devices. Problem Currently, the image shows up at the top left. ...

How can I achieve this in react native? So far I have this and I want to implement the middle curve. I don't know to either handle it with a transparent view or switch to SVG completely and this ...

I am trying to fix the corner icons to the bottom of the screen regardless the expansion of the text area. I tried with position=absolute and bottom = 0 but it got hidden behind my textArea. Here i...

What exactly is the benefit of using StyleSheet.create() vs a plain object? const styles = StyleSheet.create({ container: { flex: 1 } } Vs. const styles = { container: { flex: 1 } }

The main render: render() { return ( <View> <FlatList ListEmptyComponent={() => <DialogBox type="internet" />} ... </View> ); <DialogBox type="internet" />...

In this snack I am trying to have 3 cards in the center of the screen with a horizontal FlatList and enabled paging to jump to the next 3 cards on scroll. But the layout starts getting destroyed af...

I'm reading the React Native docs / tutorial, and I'm wondering what the point of the StyleSheet.create function is. For example, the tutorial has the following code: const styles = StyleSheet.cr...

I'm trying to access useTheme() directly from the styles But so far my solution doesn't seem to work. I'm not getting in error back. Is there a way to do what I'm trying to do? import { StyleSheet...

I need to align two Text component with different fontSize in a row and vertically centered. I have following now https://snack.expo.io/@troublediehard/dmVuZ2 export default class App extends Re...

I have an image like this as an asset seats.png (180 x 36 px) each "seat" is a 36x36 px image: My code: <View style={styles.container}> <ImageBackground style={styles.redSeat...

How do I make the border bottom radius in an image? And how can I mask the image to the green area? I've tried the following codes, but I can't get the radius ratio in the image I've shared abo...