
RN
kimila
!!!
展开
-
react native ios端debug模式下图片无法加载问题记录
现象:修改源码:/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m第267行为- (void)displayLayer:(CALayer *)layer{ if (_currentFrame) { layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_currentFrame.CGImage;原创 2021-05-09 12:30:35 · 330 阅读 · 0 评论 -
windows中vs code无法yarn install
问题描述:yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。解决方法:以管理员身份运行vscode;执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;执行:set-ExecutionPolicy RemoteSigned;这时再执行get-ExecutionPolicy,就显示RemoteSigned;————————————————版权声明:转载 2021-05-08 22:22:35 · 518 阅读 · 0 评论 -
今年的所有积累全部开源啦
https://github.com/ikimiler/react-native-video-projecthttps://github.com/ikimiler/flutter-vjujiaohttps://github.com/ikimiler/wx-niepaopao这是今年以来开源的三个项目第一个是 react native 的跨平台影视项目第二个是 flutter 构建的聚...原创 2019-10-31 10:48:46 · 306 阅读 · 0 评论 -
react native启动白屏终极解决方案
新公司采用React Native开发,所以就顺利入坑了…React Native启动白屏是一个很普遍但又很严重的问题,网上也有很多文章,这里就此问题,从分析到常用的解决方案做一个简单的总结。先看图,白屏的现象:图中手机为ZTE星星2号(专用测试机,为嘛?因为公司没给配啊,还有自己买的,所以就是专用的喽),Andriod 4.4的,可以看到白屏现象很严重,最后用自己的华为mate9...原创 2018-04-15 17:33:00 · 10501 阅读 · 2 评论 -
RN实战项目主页(五)
RN实战项目主页(五)先看下效果图底部的tab 用的一个第三方的开源库,或者想用原生的,react-navigationn 里面也有的, 传送门本项目中用的是 react-native-tab-navigatorimport React, { Component } from 'react';import { Text, Image, ...原创 2017-04-12 10:51:04 · 2849 阅读 · 1 评论 -
RN实战项目登录界面(四)
RN实战项目登录界面(四)先看下效果图RN中图片适配的话和ios是一样的,把相同的图片按照不同分辨率分为@2x @3x放到指定的文件夹下即可自动适配注意RN中View默认是column垂直排列的,如果想要横向排列的话指定flexDirection:‘row’ 即可import React, { Component } from 'react';import { StyleSheet,原创 2017-04-11 13:25:24 · 3065 阅读 · 4 评论 -
RN实战项目页面导航和启动页面实现(三)
RN实战项目页面导航和启动页面实现(三)RN中处理页面切换可以使用导航器来实现,本项目中用的是Navigator,而官方已经不推荐使用了,而采用新的react-navigation库来替代。 官网 react-navigation;Navigator RN中文网学习直接看代码/** * Sample React Native App * https://github.com/facebook/原创 2017-04-11 11:47:18 · 8031 阅读 · 0 评论 -
RN实战项目网络请求封装(二)
RN实战项目网络请求封装(二)网络相关学习文档,参考 RN中文网文档RN中主要是用fetch来完成异步网络请求的,传统的ajax慢慢的会被fetch替代RN中文网fetch API 案例fetch('https://mywebsite.com/endpoint/', { method: 'POST', //请求方法 默认get headers: { 'Accept': 'appli原创 2017-04-11 10:55:10 · 3957 阅读 · 0 评论 -
RN实战项目简介(一)
RN实战项目简介(一)项目效果图:这个项目是业余时间自己私下练习的,公司并没有RN相关的项目需求 ,设计主要参考了原生APP。完成了主界面功能,其余的都是差不多的,现在主要测试了安卓,ios后期装了黑苹果后,在测试开发工具,我用的是Visual Studio Code,当然Atom,webStorm等也可以,看个人习惯Visual Studio Code 官网 下载后安装后记得安装 React-Na原创 2017-04-11 10:11:57 · 1816 阅读 · 0 评论 -
RN基础以及组件学习技巧
RN基础以及组件学习技巧上一篇博客讲了RN环境的搭建,和RN项目的创建以及运行,如有什么问题,可以留言这节讲下RN基础以及组件的学习这是RN项目的结构图,index.android.js 和 index.ios.js分别对应了android ,ios 平台的软件程序入口。package.json 配置文件,类似于Android studio 中的build.gradle打开index.android原创 2017-04-11 09:36:31 · 3413 阅读 · 0 评论