How can I use CSS in React Native?

How can I use CSS in React Native?

In React Native, you can't use traditional CSS, but you can use a similar styling approach with JavaScript objects.

Can you show me an example of how to style a component?

Sure! You can create a style object like this:

const styles = {
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  text: {
    fontSize: 20,
    color: 'blue',
  },
};

Then apply it to your component:

<View style={styles.container}>
  <Text style={styles.text}>Hello, World!</Text>
</View>

What about using external stylesheets?

You can use libraries like styled-components or react-native-css to write CSS-like styles in separate files.