探索RNPolymerPo:一款创新的React Native组件库
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',
padding: 20,
margin: 10,
},
text: {
fontSize: 18,
textAlign: 'center',
}
});
export default MyComponent;
这个简单的React Native组件展示了如何创建一个自定义视图,并且使用了内联样式。这是一个非常基础的例子,但它演示了如何将样式和JSX结合在一起,这是React Native开发中的一个常用模式。
评论已关闭