探索 kiwicom 移动应用的React Native魔力
import React from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
const App = () => {
return (
<View style={styles.container}>
<Image source={require('./kiwi.png')} style={styles.logo} />
<Text style={styles.title}>欢迎来到Kiwi.com!</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
logo: {
width: 100,
height: 100,
marginBottom: 20,
},
title: {
fontSize: 20,
fontWeight: 'bold',
},
});
export default App;
这段代码展示了如何在React Native应用中引入一张本地图片,并且使用StyleSheet
来定义图片和文本的样式。这是学习React Native的一个基本例子,展示了如何开始构建一个用户界面。
评论已关闭