×

react native

react native字体大小自适应布局

????&Y ????&Y 发表于2024-04-15 浏览5813 评论0
需求背景: 最近遇到一个问题,就是在FlatList中显示一行行抄表数据,每行的左侧文本是抄表时间,右侧文本是抄表值。抄表时间是固定格式、固定宽度的 ,但是右侧的抄表值是变长的,从个位数到8、9位数不等,值的结尾还显示单位,所以数据过长时会出现换行或是省略号显示的效果。 产品经理要求是抄表值一行显示不要换行,也不要显示省略号,完整显示。当抄表值过大在布局中显示不下时,则动态缩小字体大小,来适应布局宽度,在一行内完整显示抄表值。 实现效果如下: 下图demo中文本的宽度填充屏幕,点击按

react native

RN开发环境的搭建(rn开发教程)

459494796 459494796 发表于2024-04-15 浏览4463 评论0
前言:重要的事情放在最前面,RN开发环境对版本要求比较高,所有环境严格按照指定版本安装,版本不一致无法正常进行 各个环境的搭建遵循三步曲: 安装环境 配置环境变量 检测使用 一、安装python2.x版本 官网传送带:Download Python | Python.org  安装步骤:傻瓜式next,只是在安装路径部分按个人习惯进行更改(但是路径需要记住,后面配置环境会用到) 1.安装  接下来就是一直next知道安装结束! 2.配置环境 进入电脑高级配置

react native

react-native安装与卸载第三方依赖(react native安装)

xinyu590 xinyu590 发表于2024-04-14 浏览4621 评论0
前言:         最近再改 react-native 项目,遇到了需要卸载第三方依赖问题,本以为只需要 npm unintsall xxx 就可以卸载,没想到会出问题,然后找了下资料,这儿简单记录一下rn 依赖安装和卸载的方法: 安装依赖: 正确的安装方式是 npm install xxx --save,经常看到许多组件安装文档上后面没有 --save,如果没有建议加上 否则组件信息不会出现在package.json中,导入组件的时候可能会找不到路径。 安装完成后执行一下 re

react native

Android 9+ MediaPlayer Couldn‘t open http://XXXX java.io.FileNotFoundException: No content provider

qq_yhcs4sj6 qq_yhcs4sj6 发表于2024-04-14 浏览7103 评论0
先描述下开发出现此问题的背景: 1、使用react-native开发App,运行在Android 10 上; 2、使用第三方视频语音插件,"react-native-video": "^5.2.0"; 运行之后,从开发工具上能看到对应的报错,具体如下:  问题原因,是获取到网络地址之后,插件进行了一次,Uri.parse的操作, Uri parsedUrl = Uri.parse(uriString); 在setDataSource的时候抛出了上面的图片上的错误,抛错代码如下: s

react native

react-native必备:WebView篇(react-native webview)

牙歪歪-行政-余周 牙歪歪-行政-余周 发表于2024-04-12 浏览4957 评论0
下文中可能会看到很多加粗的名词,或许会不理解,不要急,后面会慢慢介绍。 WebView发展 为了可跨平台开发一次可以部署iOS、Android等平台;发布更新快,且能在服务器端发布,还能够实时更新终端展示,便于快速升级以及紧急修复bug;排版复杂的内容等等。WebView诞生并开始逐渐发展起来。 IOS 从IOS2开始,UIWebView出现了,开发者只需创建一个 UIWebView 对象,便可将其附加到窗口,然后向其发送加载 Web 内容的请求。还可以使用该类在网

react native

Android 13 适配指南(android 12适配)

李秋波 李秋波 发表于2024-04-12 浏览5390 评论0
Android 13 适配指南 是的,你没看错,现在就要带你适配 Android13。 2022 的Google I/O 发布了 Android 13 beta 2 和 Android 13 Beta 1 国内厂商的设备支持列表,虽然按照惯例, Android 13 应该是年末才发布正式版,但是相信有的开发者已经收到了平台的 Android13 的适配要求,所以本篇也是结合 Oppo 的 Android 13 应用兼容性适配指导 和官方提供的一些文档内容做一个整理测试。 [外链

react native

less安装教程【详细】 以及使用(less怎么安装)

? ? 发表于2024-04-12 浏览13770 评论0
less的安装教程 由于less是基于node环境的,因此想使用less必须先安装node.js。 安装node.js步骤: 首先找到网站Node.js官网上下载适应你电脑的环境,我在这里选择的是Windows X64位的。 判断是否安装成功: 打开cmd命令窗口,输入node -v 看看会不会显示你安装的node的版本,如果显示了,说明安装成功。如图:(安装成功) 在命令窗口下接着输入下载less的命令语句:npm install -g less 安装,输入lessc -v查看

react native

最新解决Android Studio打包没有Generate Signed Bundle/APK选项

0000 0000 发表于2024-04-11 浏览6073 评论0
在开发React native安装Android Studio时,出现了一些问题,没有Generate Signed Bundle/APK打包选项. 在网上查很多都是点击File,选择Sync Project with Gradle Files,我这边设置无效。 最终通过一系列配置才显示出来。 请检查是否有以下条件: 1、Node.js环境 检查是否有安装nodejs 2、JDK JDK(Java Development Kit)是 Java 开发套件的简称。我们用 Rea

react native

react-native 封装视频播放器(react-native-video)

??? ??? 发表于2024-04-11 浏览4120 评论0
前言 最近工作业务用到了react-native-video,还需要能够全屏,全屏需要用到锁定应用方向(横屏),需要用到组件react-native-orientation-locker,本文记录使用方法以及提供一种解决思路。 react-native-orientation-locker 横竖屏方法 我就只介绍这常用的三个,其他的可以翻看官方文档 import Orientation from 'react-native-orientation-locker'; Orie