“React Native Android Safeareaview” Ответ

React Native Android Safeareaview

import { StyleSheet, Platform, StatusBar } from "react-native";

export default StyleSheet.create({
  AndroidSafeArea: {
    flex: 1,
    backgroundColor: "white",
    paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
  }
});
rumbo

React Есть ли в безопасной площадке для Android

import { StyleSheet, Platform } from 'react-native';
export default StyleSheet.create({
    droidSafeArea: {
        flex: 1,
        backgroundColor: npLBlue,
        paddingTop: Platform.OS === 'android' ? 25 : 0
    },
});
Stupid Skipper

React Есть ли в безопасной площадке для Android

import GlobalStyles from './GlobalStyles';
import { SafeAreaView } from "react-native";

render() {
    return (
      <SafeAreaView style={GlobalStyles.droidSafeArea}>
          //More controls and such
      </SafeAreaView>
    );
  }
}
Stupid Skipper

SafeareaView React Native Android

//if it won't wrok when exporting from 'react-native'
npm install react-native-safe-area-context 
import { SafeAreaView } from 'react-native-safe-area-context '; 
Alba Garza

Отрешите Native Safeareaview

import React from 'react';
import { StyleSheet, Text, SafeAreaView } from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.text}>Page content</Text>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  text: {
    fontSize: 25,
    fontWeight: '500',
  }
});

export default App;
MAKSTYLE119

Ответы похожие на “React Native Android Safeareaview”

Вопросы похожие на “React Native Android Safeareaview”

Больше похожих ответов на “React Native Android Safeareaview” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования