react-native 写一个我的页

下面是一个简单的React Native代码示例，用于创建一个“我的”页面：

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

const MyPage = () => {
  return (
    <View style={styles.container}>
      <Image
        style={styles.avatar}
        source={require('./avatar.png')}
      />
      <Text style={styles.username}>John Doe</Text>
      <Text style={styles.bio}>Hello, I'm a software developer.</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  avatar: {
    width: 100,
    height: 100,
    borderRadius: 50,
    marginBottom: 16,
  },
  username: {
    fontSize: 20,
    fontWeight: 'bold',
    marginBottom: 8,
  },
  bio: {
    fontSize: 16,
    color: 'gray',
  },
});

export default MyPage;

在上述示例中，我们使用了View、Text和Image等React Native组件来创建一个简单的“我的”页面。我们设置了一个容器样式，使其水平和垂直居中显示。然后，我们添加了一个圆形头像、用户名和个人简介信息。你可以根据自己的需求进行更改和调整样式