zoukankan      html  css  js  c++  java
  • React Native适配安卓IOS刘海屏、异形屏方案

    • 首先顶部引入这几个模块
    import {
    	Platform,
        SafeAreaView,
        NativeModules,
        StatusBar
    } from "react-native";
    const { StatusBarManager } = NativeModules;
    
    • 获取状态栏高度
    let statusBarHeight;
    	if (Platform.OS === "ios") {
    	     StatusBarManager.getHeight(height => {
    	         statusBarHeight = height;
    	     });
    	 } else {
    	     statusBarHeight = StatusBar.currentHeight;
    }
    
    • 渲染的时候使用SafeAreaView(光使用SafeAreaView只能保证ios设备上正常)
     <SafeAreaView
        style={[styles.container, { marginTop: statusBarHeight }]}
     >
         <View
             style={[
                 styles.container,
                 { width: windows.width },
                 bodyStyle ? bodyStyle : ""
             ]}
         >
             {headerLeft && (
                 <View style={styles.leftBlock}>{headerLeft}</View>
             )}
             {title && <Text>{title}</Text>}
             {headerRight && (
                 <View style={styles.rightBlock}>{headerRight}</View>
             )}
         </View>
    </SafeAreaView>
    
  • 相关阅读:
    Evanyou Blog 彩带
    Evanyou Blog 彩带
    复合类型的声明——是int *p还是int* p
    指针
    引用
    变量声明和变量定义
    C++内置类型如何存放于计算机内存中
    C++的几种字符类型
    第四章 表达式
    ++i && i++
  • 原文地址:https://www.cnblogs.com/YooHoeh/p/12685925.html
Copyright © 2011-2022 走看看