React-Native iOS Status Bar - PullRequest
Новая
       19

React-Native iOS Status Bar

0 голосов
/ 26 сентября 2018

Я использую реактивную систему для создания простого приложения.Я сталкиваюсь с ошибкой при попытке изменить цвет фона и цвет содержимого в строке состояния.В настоящее время я тестирую на своем iPhone 8. Кто-нибудь знает, как сделать эти изменения в строке состояния?Я проверил этот [документ] [1], но он не распознает «маршрут».пожалуйста помоги.спасибо :) `

render() {

    return (

        <View>
            <StatusBar
            backgroundColor="red"
            barStyle="light-content"
             />
            <Button
                    title="go to Home"
                    color ="#841584"
            onPress={() => this.props.navigation.push('Home')} />

        </View>      
    );
}

}`

1 Ответ

0 голосов
/ 09 июля 2019

пожалуйста, попробуйте этот код 

import React, { Component } from 'react';

import { StyleSheet, View, StatusBar, Text, Platform } from 'react-native';

export default class Myproject extends Component {

  render() {

    return (

      <View style={styles.MainContainer}>

        <StatusBar
          barStyle="dark-content"
          hidden={false}
          backgroundColor="#fff"
          translucent={true}
          networkActivityIndicatorVisible={true}
        />

        <Text style={{ textAlign: 'center', fontSize: 25 }}> React Native Status Bar Example Tutorial </Text>

      </View>
    );
  }
}

const styles = StyleSheet.create({

  MainContainer: {
    backgroundColor: 'red',
    justifyContent: 'center',
    flex: 1,
    marginTop: (Platform.OS == 'ios') ? 30 : 0

  }

});
...