美文网首页
react-native 针对高版本android文字、图片适配

react-native 针对高版本android文字、图片适配

作者: 物联白菜 | 来源:发表于2021-02-04 19:44 被阅读0次

    1、
    项目调试包是android 版本为 8.1.0的,在打包装到小米10时,发现图片不显示,原因是为保证用户数据和设备的安全而要求默认使用加密连接
    参考来自柚子君.https://blog.csdn.net/gengkui9897/article/details/82863966

    在AndroidManifest.xml文件下的application标签增加以下属性即可

    <application
    ...
    android:usesCleartextTraffic="true"
        />
    

    2、针对高版本android文字不显示,可能是自己用低版本的时候开发调试没注意,低版本用Text默认字体颜色是#333,而高版本必须对text给一个颜色,否则在背景色是白色的情况下,默认是一种不可描述的字体颜色(不是白色,可能是透明的),给父盒子背景色或者本身背景颜色就可以看到。
    解决方案:一、自己一一找到这个字体给颜色。二、在入口文件统一修改字体颜色
    在入口文件App.js中添加以下代码即可
    (参考来自:https://blog.csdn.net/qq_36538734/article/details/90641888)

    const React = require('react');
    const { Platform, Text } = require('react-native');
    
    const defaultFontFamily = {
        ...Platform.select({
            android: { color:'#333'}
        })
    };
    
    const oldRender = Text.render;
    Text.render = function(...args) {
        const origin = oldRender.call(this, ...args);
        return React.cloneElement(origin, {
            style: [defaultFontFamily, origin.props.style]
        });
    };
    

    相关文章

      网友评论

          本文标题:react-native 针对高版本android文字、图片适配

          本文链接:https://www.haomeiwen.com/subject/tqqitltx.html