hzxOnlineOk的博客

原创 react-native 使用flexWrap无法实现换行

react-native 使用flexWrap无法实现换行，经过排查，发现是父元素定义了flexWrap: 'wrap'之后，子元素又定义了flex: 1导致撑开自适应，于是换行就无效了。。。...

转载 IphoneX系列适配

https://www.jianshu.com/p/691380f52acc

原创 css3属性选择器以及属性选择器正则匹配的真实案例讲解

首先，提供w3c的完整文档：https://www.w3school.com.cn/css/css_selector_attribute.asp先看我们要实现的效果图（表情包和图片的自适应做的应该还行）：我们不想要看到的情况：又或者这样：接下来谈一下我如何在项目中使用它：在我的react-native项目中，需要做一个h5的详情页，当然有很多种方式...

原创 MAC 命令行解压 rar 文件

MAC 命令行解压 rar 文件https://www.jianshu.com/p/cb5baeddd338执行 brew install 命令长时间卡在 Updating Homebrew 的解决方法https://learnku.com/articles/18908

原创 /Users/ng/Library/Developer/CoreSimulator/Devices/9B82D44F-703C-481E-BA28-71892DEA823D/data/Containe

今天执行了一条自定义的打包命令：./bin/build-ios -v 0.0.1.0 -c 1 -env dev重新xcode打包后启动模拟器，想打开debugger-ui，结果服务给我报了个错误：问了一下大佬，跟我说没有-D代表打的是离线包，而有-D表示打的是在线包，在线包才允许debugger因此，在android studio打开项目根目录，重新执行./b...

转载 关于Xcode 10.2.1 模拟器无法启用问题 Timed out trying to boot simulator after waiting 60.00s.

今天，把xcode给卸载了，从新下载了一个10.2.1的，把xcode的配置好后:以下为配置新版xcode的方法，需要文件的可以去 我的资源里面下载。发生了神奇的事，自己的项目，真机能跑，模拟器弄起跑不起来，一直提示:Timed out trying to boot simulator after waiting 60.00s.后面各种谷歌终于找到解决办法:打开命令行工具，执行以下...

原创 fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists.

git 提交报错：fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists.这是git的lock记录出错，删掉这个文件，重新生成即可解决办法，进到项目.git仓库的容器文件夹下，执行以下语句on Mac OSrm -f ./.git/in...

原创 各个版本XCode下载地址

https://developer.apple.com/download/more/

转载 css实现图片自适应容器的几种方式

css实现图片自适应容器经常有这样一个场景，需要让图片自适应容器的大小。1、img标签的方式我们马上就能想到，把width、height 设置为100%啊。来看一哈效果。<div class='div1'> <img src="./peiqi.png" alt=""></div>.div1 { width:500px...

原创 react-naive自定义antd-mobile组件中样式

react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下https://www.jianshu.com/p/70b46e305914react-naive自定义antd-mobile组件中样式https://www.jianshu.com/p/21f9866c7d07...

转载 react-native 中的元素（zIndex，elevation）层级关系

1、zIndex是rn在0.30开始支持的属性，是可以生效的；2、shadow和elevationshadow（阴影）开头的样式现在可以在iOS上应用，但在安卓中是不生效的. 而Android上对应的属性是elevationelevation。 设置elevation属性就等价于使用原生的elevation API，因而也有同样的限制（比如最明显的就是需要Android 5.0以上版本...

原创 react-native 开发时ios模拟器上可以正常显示的列表 在android真机上一片空白的原因

记录一个react-native开发app的一个常见坑。。。老是会忘记**现象**在ios模拟器上可以显示的列表，但是在android上是一片空白，什么都看不到原因排查到了原因是，一个列表容器忘记添加flex: 1了，<View style={{ flex: 1 }}>…...

原创 JavaScript - 含function的json对象与json字符串之间相互转换

基本的转换为：JSON.parse与JSON.stringify。但是json数据中含function，则转换后，function会丢失，如：constjson = {name: 'john',getClass:function () {console.log("getClass");}}经JSON.stringify...

转载 react-native iOS开发 Xcode8以上网络限速（模拟器和真机）

网速限制，在我们的开发中不可避免，有些问题的调试是必须在网速慢的情况下才能出现的，为此我们不得不在网速受限的情况下做一些调试。一、真机调试苹果在iOS系统中预置了网络调试工具，但是只有添加过测试设备，并使用XCode连接下设备才能激活。开发者.png从这里进入，里面有一些我们调试可以用到的设置。是否限制网络状态.png我们需要进入的是NETWOR...

原创 react-native如何本地持久保存（类似sessionStorage或者localStorage一样）

引入import { AsyncStorage,} from 'react-native';A.js组件保存（注意⚠️：保存只能是字符串）(res) => { console.log('getColumnList res from home:', res); AsyncStorage.setItem('columnList', JSO...

原创 react-native 安装eslint启动报错Module `moment` does not exist in the Haste module map

如题，vscode安装完插件并配置完成以后，启动服务，报错：Module `moment` does not exist in the Haste module map查了一下代码，moment是有引入的，并且能够成功导向，按理说不应该出现这个问题经过查阅资料分析出，可能是因为安装eslint模块导致node_modules解析出问题了，解决办法：首先，运行npm install...

转载 react-native系列入门篇：在VSCode中配置ESLint(代码检测工具)

ESLint是一套javascript代码检测工具。要记住，代码也是写给人看的，所以一定要注意代码的编写规范。ESLint可以根据自己设置的规则实现对代码的检测，从而规范了代码的风格。本篇内容主要介绍如何在VSCode中使用ESLint。ESLint的官网地址是：https://eslint.org/全局初始化：$ npm install eslint -g在VSCode中安装...

原创 react 不确定父组件将传递哪些属性名给子组件怎么做？

原创 下载easy connect MAC版本地址

1.下载easy connect访问https://vpn.dtwave.com/跳转到软件下载地址选择对应系统的安装包点击下载即可2.软件安装，常规软件安装步骤，小白操作，一直往下点3.软件安装完成，再次访问https://vpn.dtwave.com 输入服务器地址，用户名，密码（看公司怎么提供的）即可...

原创 react-native-swiper 实现绑定接口动态获取轮播图路径 图片不显示的原因

问题描述：后端提供了如下面示例的图片路径：fileUrl：https://xxxx.xxxxxx.com.cn/api/partyApp/banner/showImage?fileId=95cc2b1557644161adb92022fef75dde// 是二进制，非.png也非base64的图片后端提供的接口数据数组中，图片资源的字段是fileUrl，直接在浏览器上可访问，...