Ẩn thanh trạng thái với React Native

Question

Làm cách nào để ẩn thanh trạng thái cho iOS hoặc Android khi phát triển với React Native? Tôi đã nhập Statusbar, nhưng tôi tin rằng đó cũng là StatusBarIOS và Statusbar cho Android.

Answer 1

Đã tìm ra cách ẩn thanh trạng thái. Trước hết, StatusBarIOS là deprecated vì vậy bạn cần phải nhập khẩu StatusBar và sau đó chỉ cần bao gồm đoạn mã này ở phía trên cùng của bạn render:

<StatusBar hidden={true} /> 

React Native Docs on StatusBar

Answer 2

Bạn có thể gọi phương pháp này từ bất cứ nơi nào trong thành phần của bạn:

import React, { Component } from 'react'; 
import { StatusBar } from 'react-native'; 

class MyComponent extends Component { 

    componentDidMount() { 
     StatusBar.setHidden(true); 
    } 
}