Кнопка React-Native за камерой Samsung S10

Недавно я столкнулся с проблемой, когда кнопка галочки моего приложения в пользовательском заголовке ушла за камеру Samsung S10, я использую прозрачную строку состояния в своем приложении, а в Samsung S10 камера находится немного ниже сверху, поэтому она находится внутри окно просмотра приложения, я не уверен, что другие устройства, но есть ли способ обнаружить такие вещи и на основе этого я могу изменить стили или как преодолеть такие проблемы


react-native mobile javascript react-native-android samsung-mobile
person Saikat Saha    schedule 02.09.2020    source источник

Ответы (2)


arrow_upward
3
arrow_downward

попробуй это..

import { SafeAreaView, Platform } from "react-native";

render() {
    return (
      <SafeAreaView style={{
        flex: 1,
        backgroundColor: 'blue',
        paddingTop: Platform.OS === 'android' ? 25 : 0}}>
          //More controls and such
      </SafeAreaView>
    );
  }
}

Подстраивайтесь под ваши требования..

person mainak    schedule 02.09.2020

arrow_upward
0
arrow_downward

Я использовал StatusBar.currentHeight из библиотеки «React-Native», чтобы исправить эту проблему, так как это обеспечит фактическую высоту строки состояния, а не использование какой-либо статической высоты.

person Saikat Saha    schedule 11.09.2020