React Native
zwkkkk1
这个作者很懒,什么都没留下…
展开
-
React Native Web 安卓h5 Touchable onPress 触发两次问题解决
在维护基于 React Native Web 的 h5 项目时,遇到这样的一个 bug,在部分安卓 h5 页面一些点击事件会稳定触发两边,这样的问题在 iOS 和 pc 调试 h5 都是好的,甚至同一机型只要另外换一个浏览器可能也会有不同的效果。在调试阶段,发现只要把 TouchableHighlight 等组件都干掉,换成 div,点击事件也从 onPress 改到 onClick,就全部是好...原创 2019-12-24 16:17:38 · 1210 阅读 · 0 评论 -
React Native 布局 padding 失效问题解决
1. 问题产生在新项目开发过程中,发现了一个 View 组件 padding 失效的问题,这里记录一下问题和解决方案首先在布局一个文本溢出的 Text 组件,效果很正常,外部左右设置的 padding 均正常显示可是加了一个 icon 后,却产生问题左侧的文本和右侧的 icon 全部左右顶格显示,设置的左右 padding 失效这是正常显示的效果:开启元素审查调试,可以看到其实 ...原创 2019-12-23 16:05:20 · 3720 阅读 · 0 评论 -
Xcode Could not locate device support files 怎么解决
每次在更新手机 iOS 系统之后,xcode 连真机调试的时候总会提示如下错误 Could not locate device support files根据提示,很快可以得知当前版本的 Xcode 不支持手机的新版本了,解决方案是更新 Xcode 版本不过对于非专业的 iOS 开发者来说,更新 Xcode 版本也有一定的风险,可能会有些新的坑要踩所以对我而言,如果有不更新 Xcode 版...原创 2019-11-19 17:30:22 · 3193 阅读 · 1 评论 -
React Native 安卓人民币符号显示异常问题解决
在项目中经常会发现人民币符号 ¥ 在安卓机下的显示异常(只显示一横如下图),而 h5、iOS 均无误这是因为全角半角的原因,全角 ¥ 会受系统影响,而半角 ¥ 则基本不受影响那么知道原因之后,我再来介绍两种解决方案:全角 ¥,一般是输入法切换至中文输入法 shift + 4 得到,而半角 ¥ 在 mac 上可以用 option + Y 敲出来使用 HTML 特殊符号,¥ 改写为 &am...原创 2019-11-11 18:48:42 · 1214 阅读 · 0 评论 -
react-native run-ios 找不到 simulator 解决方案
实际问题react-native run-ios 脚本却会抛出如下错误:Could not find iPhone X simulator在网上也能找到一些解决方案,比如下面这个:react-native run-ios returns Error: Could not find iPhone X simulator上面文章的解决方案是将 /node_modules/react-nat...原创 2019-10-22 13:34:02 · 2088 阅读 · 0 评论 -
如何清空 React Native 编译时的缓存
在开发 React Native 项目时,修改了部分模块的路径或名称时,直至 react-native run-ios 也都能顺利跑通,可每次都倒在了最后的 npm start这在删除 node_modules/、package-lock.json 重新npm install;删除 Pods/、Podfile.lock 重新 pod install;删除 build/ 重新 react-nati...原创 2019-07-12 09:54:40 · 6050 阅读 · 0 评论 -
Android 模拟器无法连接 localhost 及 Debugger 不显示 Network 解决方案
最近在学习 React Native,遇到了在 Android 模拟器中无法连接 localhost 本地服务,在浏览器上都是ok的问题起初认为是 React Native 的问题,后又觉得可能是调用的方式不对,最后才找出这是 Android 的一个问题解决方案方法很简单将 localhost 改为 10.0.2.2 就好了或者将 localhost 改为本机的 ip 地址这是为什么...原创 2019-04-18 09:41:12 · 1971 阅读 · 0 评论 -
React Native 关闭黄色错误警告提示
在 React Native 开发中,经常会出现许多的黄色错误提示遮盖屏幕,需要手动点击 dismiss 按钮会影响开发效率![在这里插入图片描述](https://img-blog.csdnimg.cn/20190416103138599.png#pic_center =200x400?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk...原创 2019-04-16 10:34:52 · 1783 阅读 · 0 评论 -
React Native 样式表指南
React Native 的样式基本上是实现了 CSS 的一个子集,针对 iOS、Android 阉割了一些功能,并且部分属性名不完全一致,下面是 React Native 所有的 CSS 样式。下为0.58的正式版本Text样式属性属性名取值描述color<color>对应 CSS color 属性fontFamilystring对应 C...原创 2019-03-18 15:35:32 · 1010 阅读 · 0 评论 -
React Native alignItems: baseline 在 Android 下失效解决方案
问题在项目中,把不同 font-size 的字放在一起,是一个很常见的需求,我们可以这样:import React, { Component } from 'react';import { Text, View } from 'react-native';export default class App extends Component { render() { retur...原创 2019-03-15 17:49:03 · 1597 阅读 · 1 评论 -
React Native Text 组件显示不全解决方案
github上此问题的讨论 传送门BUG 体现效果(左出问题安卓真机,右ios模拟器)设置 minWidth 无法自动撑开 View,除非 minWidth 设置得大些发生场景这个解决方法不一定能够解决所有的问题,有必要说下我遇到的场景。发生在某些安卓机上,比如我的OnePlus而在另外的手机上又是正常的在 ios 上 ok在设置 fontWeight 字体粗细后产生的...原创 2019-01-25 11:45:09 · 9248 阅读 · 1 评论 -
React Native 真机运行调错(Android 篇)
跟着官方教程撸完一个电影列表的demo,就想配置到真机上看看效果,这里列一些遇到的坑。bug: SDK location not found.具体的错误信息:Building and installing the app on the device (cd android &amp;&amp; ./gradlew installDebug)...Starting a Gradle Daem...原创 2018-10-08 14:09:41 · 426 阅读 · 0 评论 -
React Native 编译报错:No bundle URL present
最近刚开始鼓捣 React Native,在编译阶段就遇到很多问题,在此做个记录。bug: No bundle URL presentMake sure you’re running a packager server or have included a .jsbundle file in your application bundle解决方法1此种方法在很多解决方案中都有,虽然我的...原创 2018-10-08 11:25:46 · 1437 阅读 · 0 评论