React Native 样式表的基础知识

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
 
export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to React Native!</Text>
      </View>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    color: '#333333',
  },
});

这段代码展示了如何在React Native应用中创建一个简单的视图，其中包含一个文本标签，并使用了StyleSheet.create来定义样式表。这是学习React Native开发的基础知识，对于开发者来说，这是理解如何组织和管理用户界面样式的重要步骤。