Course:
Basic Components in React Native
Introduction: The Text component is a fundamental building block for displaying text in React Native applications.
Using the Text Component:
Example Code:
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
const App = () => {
return (
<View style={styles.container}>
<Text style={styles.title}>Hello, React Native!</Text>
<Text style={styles.subtitle}>This is a text component example.</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
title: {
fontSize: 24,
fontWeight: 'bold',
},
subtitle: {
fontSize: 18,
color: 'gray',
},
});
export default App;
Conclusion: The Text component is versatile and essential for displaying text content in your React Native app. Mastering its usage is crucial for creating informative and readable interfaces.