react native Switch和StatusBar的使用

import {
    
     Text, StyleSheet, View,StatusBar,Switch } from 'react-native'
import React, {
    
     Component } from 'react'

export default class Nav1 extends Component {
    
    

  render() {
    
    
    return (
      <View style={
    
    [styles.container]}>
          <StatusBar
            hidden={
    
    false}//是否隐藏导航栏
            backgroundColor={
    
    "red"}//导航栏背景颜色

          />
          <Switch
            trackColor={
    
    {
    
    false:"#999",true:"red"}}//背景颜色
            thumbColor={
    
    "white"}//前面圆圈的颜色
            value={
    
    false}//是否是打开
            onValueChange={
    
    this.changeaValue}
          />
      </View>
    )
  }
}

const styles = StyleSheet.create({
    
    
    container:{
    
    
        flex:1,
        justifyContent:'center',
        alignItems:'center'
    }
})

猜你喜欢

转载自blog.csdn.net/afufufufu/article/details/126544439
今日推荐