“Cara mengelola Safearea di iPhone dan Android di React Native” Kode Jawaban

bereaksi apakah ada tampilan area yang aman untuk android

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

bereaksi apakah ada tampilan area yang aman untuk android

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

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

Cara mengelola Safearea di iPhone dan Android di React Native

//import libraries to create components
import React from 'react'
import { Text, StyleSheet, View, SafeAreaView, StatusBar } from 'react-native'

//create a component that return some jsx/simple function
//======following code use SafeAreaView and statusBar.currentHeight to 
//    solve this problem===============================
const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.textStyle}>hello world</Text>
    </SafeAreaView>
  )
}

//Create a StyleSheet object to style the component
const styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: StatusBar.currentHeight || 0,
  },
})

//export the component, so it can be used in other parts of the app
export default App
Sab Tech

Jawaban yang mirip dengan “Cara mengelola Safearea di iPhone dan Android di React Native”

Pertanyaan yang mirip dengan “Cara mengelola Safearea di iPhone dan Android di React Native”

Lebih banyak jawaban terkait untuk “Cara mengelola Safearea di iPhone dan Android di React Native” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya