import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
const ReflectiveUIExample = () => {
return (
<View style={styles.container}>
<Text style={styles.text}>欢迎使用Reflective UI</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
text: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
});
export default ReflectiveUIExample;
这个简单的React Native示例展示了如何使用Reflective UI创建一个响应式界面。它使用了Flexbox布局、简单的文本组件以及样式表来设计一个中等复杂度的用户界面。这个例子可以作为开发者学习和实践Reflective UI的起点。