React Native-01：Hello world

定义视图的JSX对象
JSX对象只能有一个根对象
创建 UI 时 最基础的 view 类似于网页中的 div
文本的内容要放置在 test 组件中

import React, { Fragment } from 'react'
import
{
    StyleSheet, // 样式对象 
    View,  // 视图组件
    Text  // 文本组件
} from 'react-native'


const App = () =>
{
    return (
        <Fragment>
            <View style={styles.view} >
                <Text>
                    Hello world
                </Text>
            </View>
        </Fragment>

    )

}
const styles = StyleSheet.create({
    view: {
        width: 200,
        height: 200,
        backgroundColor: 'pink',
        lineHeight: 200
    }
})
export default App