React Native-14：开关切换组件-Switch

import React, { useState } from 'react'
import
{
    View, Text, StyleSheet,
    Switch  // 开关切换组件
} from 'react-native'

const App = () =>
{
    const label = {
        false: '关', true: '开'
    }
    const [switchValue, SetSwitchValue] = useState(true)
    toggleSwitch = value =>
    {
        SetSwitchValue(value)
    }
    return (
        <View style={styles.container}>
            <Switch onValueChange={toggleSwitch} value={switchValue} />
            {/* label[switchValue] 对象以[]的方式取 label 的值 */}
            <Text>Switch 当前的状态是:{label[switchValue]}</Text>
        </View>
    )
}

export default App
const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        marginTop: 100
    }
})