How do I style components in React Native?

How do I style components in React Native?

In React Native, you can style components using the StyleSheet API. You create a style object and apply it to your components.

Can you show me an example of using StyleSheet?

Sure! Here's a simple example:

import { StyleSheet, Text, View } from 'react-native';

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

const App = () => (
  <View style={styles.container}>
    <Text style={styles.text}>Hello, World!</Text>
  </View>
);

What are some common styling properties I can use?

Common styling properties include flex, margin, padding, backgroundColor, fontSize, and color. You can combine them to achieve various layouts.