ReactNative进阶：自定义组件_react native组件开发

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
const MyComponent = (props) => {
  const { title, body, style } = props;
 
  return (
    <View style={[styles.container, style]}>
      <Text style={styles.title}>{title}</Text>
      <Text style={styles.body}>{body}</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    borderWidth: 1,
    borderColor: '#ddd',
    borderRadius: 5,
    padding: 20,
    margin: 10
  },
  title: {
    fontSize: 20,
    fontWeight: 'bold'
  },
  body: {
    fontSize: 16,
    color: '#333'
  }
});
 
export default MyComponent;

这个React Native组件接收title和body属性，并使用style属性来允许用户自定义样式。组件渲染了一个带有标题和正文的容器，并使用了内置的样式表来设置文本的样式。这个组件可以被其他React Native应用导入并使用。