深度探索React Native原生UI组件库 - 构建流畅且高效的应用体验

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
const MyComponent = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>这是一个自定义组件</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    backgroundColor: '#f9f9f9',
    borderWidth: 1,
    borderColor: '#ddd',
    borderRadius: 5,
    padding: 20,
    margin: 10
  },
  text: {
    fontSize: 16,
    textAlign: 'center',
    color: '#333333'
  }
});
 
export default MyComponent;

这段代码展示了如何在React Native应用中创建一个简单的自定义组件，该组件包含一个文本标签和一些样式定义。这个例子简单易懂，并且展示了如何将React组件与React Native的样式系统结合使用。