探索React Native豆瓣应用:一款高效、跨平台的开源项目
import React from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
const App = () => {
return (
<View style={styles.container}>
<Image source={require('./assets/logo.png')} style={styles.logo} />
<Text style={styles.title}>豆瓣</Text>
<Text style={styles.subtitle}>发现乐趣,了解世界</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
logo: {
width: 100,
height: 100,
marginBottom: 20,
},
title: {
fontSize: 24,
fontWeight: 'bold',
marginBottom: 10,
},
subtitle: {
fontSize: 18,
textAlign: 'center',
},
});
export default App;
这个代码实例展示了如何在React Native项目中创建一个简单的欢迎页面,包含了图像、标题和副标题。它使用了React Native的基本组件,如View、Text和Image,并通过StyleSheet定义了它们的样式。这个示例为开发者提供了一个学习如何在豆瓣应用中构建用户界面的很好的起点。
评论已关闭