React Native 实现“我的”页面示例：创建个人资料界面

下面是一个简单的 React Native 代码示例，用于创建一个“我的”页面：\n\njavascript\nimport React from 'react';\nimport { View, Text, Image, StyleSheet } from 'react-native';\n\nconst MyPage = () => {\n return (\n <View style={styles.container}>\n <Image\n style={styles.avatar}\n source={require('./avatar.png')}\n />\n <Text style={styles.username}>John Doe</Text>\n <Text style={styles.bio}>Hello, I'm a software developer.</Text>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n avatar: {\n width: 100,\n height: 100,\n borderRadius: 50,\n marginBottom: 16,\n },\n username: {\n fontSize: 20,\n fontWeight: 'bold',\n marginBottom: 8,\n },\n bio: {\n fontSize: 16,\n color: 'gray',\n },\n});\n\nexport default MyPage;\n\n\n在上述示例中，我们使用了View、Text和Image等 React Native 组件来创建一个简单的“我的”页面。我们设置了一个容器样式，使其水平和垂直居中显示。然后，我们添加了一个圆形头像、用户名和个人简介信息。你可以根据自己的需求进行更改和调整样式。