Có cách nào để thay đổi màu thanh trạng thái của Android bằng React Native không?

Question

Tôi mới bắt đầu với React Native cho Android và tôi đang cố gắng tìm ra cách thay đổi màu thanh trạng thái cho Android ...

Như thế này?

Answer 1

Tôi đã thực hiện một gói NPM để điều khiển Statusbar trong android

https://www.npmjs.com/package/react-native-android-statusbar

Những thay đổi màu sắc làm không phản ánh cho các phiên bản trước 21

Answer 2

Hiện không có API tiếp xúc. Điều này sẽ chỉ hoạt động từ Android 5.0. Làm việc trên mô-đun cầu để đạt được điều tương tự. Sẽ giữ cho bạn được đăng

Answer 3

Hiện không có cách nào để thực hiện điều đó từ JS. Bạn có thể tùy chỉnh nó bằng cách sử dụng một chủ đề tùy chỉnh. Kiểm tra android/src/main/res/values/styles.xml tập tin từ dự án của bạn (mẫu là ở đây: https://github.com/facebook/react-native/blob/master/local-cli/generator-android/templates/src/app/src/main/res/values/styles.xml) và đọc thêm ở đây: https://developer.android.com/training/material/theme.html

Answer 4

Bạn có thể sử dụng Thanh trạng thái gốc phản ứng (mô tả chi tiết here). Tất cả bạn cần làm là gói hoa tiêu với một cái nhìn và thêm một thành phần StatusBar ở trên nó. Đừng quên nhập StatusBar từ gói 'phản ứng bản xứ'.

<View> 
    <StatusBar 
    backgroundColor="blue" 
    barStyle="light-content" 
    /> 
    <Navigator 
    initialRoute={{statusBarHidden: true}} 
    renderScene={(route, navigator) => 
     <View> 
     <StatusBar hidden={route.statusBarHidden} /> 
     ... 
     </View> 
    } 
    /> 
</View> 

Một điều tôi đã nhận thấy là bạn nên tạo kiểu cho mẹ View với flex: 1, mà không có nó bạn sẽ chỉ thấy một màn hình trống trắng. Nó không được đề cập trong RN Documents.

Answer 5

Thêm mã này vào phần tiêu đề của bạn

androidStatusBarColor="#34495e"