React Native跨平台移动应用开发:构建原生体验的App
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创建一个简单的跨平台移动应用,它将在iOS和Android上共享相同的UI和用户体验。代码中使用了React组件的ES6类语法,并导入了React Native的核心组件Text
和View
,这是构建用户界面的基本元素。在render
方法中,我们返回一个简单的视图,它在屏幕中居中显示文本。这个例子是学习如何开始使用React Native的一个很好的起点。
评论已关闭