使用 React Native 构建跨平台移动应用的经验分享
import React from 'react';
import { Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text>Hello, Cross-Platform World!</Text>
</View>
);
}
}
这段代码展示了如何使用React Native创建一个简单的跨平台应用。它使用了React组件和React Native的基本组件<Text>
和<View>
来构建UI,这是构建移动应用程序的基础。代码中的flex: 1
确保了容器可以占据屏幕的全部可用空间,justifyContent
和alignItems
用于布局调整。这个例子是一个开始学习和理解如何使用React Native的好方法。
评论已关闭