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

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]
    });
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容