使用React Native Native Runtime提升你的开发体验

import React from 'react';
import { View, Text } from 'react-native';
 
// 自定义组件，用于展示给定的信息
const InfoBox = ({ title, message }) => (
  <View style={{ padding: 10, margin: 5, backgroundColor: '#fff' }}>
    <Text style={{ fontSize: 18, fontWeight: 'bold' }}>{title}</Text>
    <Text style={{ marginTop: 5 }}>{message}</Text>
  </View>
);
 
// 使用自定义组件的示例
export default function App() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <InfoBox title="React Native" message="Native Runtime提升开发体验" />
    </View>
  );
}

这段代码定义了一个简单的InfoBox组件，它接受title和message两个props，并在View中展示它们。然后在App函数组件中使用了这个InfoBox组件，并通过Flexbox布局将其居中显示。这个例子展示了如何在React Native中创建和使用自定义组件，提高了代码的复用性和可读性。