React-Native技术篇
文章平均质量分 61
qizhenshuai
这个作者很懒,什么都没留下…
展开
-
React Native项目修改包名(Android版)
1、package.json ==> “name”:(package)2、index.android.js ==> AppRegistry.registerComponent('(package)', () => (package));3、android\settings.gradle ==> rootProject.name = ‘package’原创 2016-05-23 14:48:16 · 1087 阅读 · 0 评论 -
React/JSX及React Native 编码规范
最近开始研究公司前端web商城(React)和前期APP(React Native)的维护,发现了同事之间的代码风格差距太大,为了以后更好的阅读代码,整理一下React和JSX的一些编码规范。原创 2017-10-11 13:01:37 · 763 阅读 · 0 评论 -
React、React Native面试题
React、React Native面试题伴随着MVVM框架和移动端跨平台开发越来越火,作为移动端的你准备好了吗?基础部分(答案自行百度,简答只做提示) 1.React Native相对于原生的ios和Android有哪些优势?简答:react native一套代码可以开发出跨平台app,减少了人力、节省了时间、避免了 iOS 与 Android 版本发布的时间差,开发新功能可以更迅速。等等原创 2017-10-11 12:58:04 · 15417 阅读 · 0 评论 -
自定义导航
封装导航后,通过 Router 管理所有页面。格式:router.toXXX(params);import React , {Component} from 'react';import { StyleSheet, PropTypes, View, Navigator} from 'react-native';import BackPress from './Ba原创 2016-09-05 15:10:22 · 769 阅读 · 0 评论 -
mac使用vscode(简单暴力,只说重点)
下载vscode在拓展里面加载一些插件jsx插件ESLint插件React Native ToolsReactjs code snippetsVisual Studio Code Settings Sync原创 2016-09-02 14:57:34 · 44822 阅读 · 0 评论 -
Xcode更新7.3之后提示App Transport Security has blocked a cleartext HTTP(http://)resource load since ...
更新到Xcode7.3后大部分会发现自己的项目的数据加载出现了问题,App transport security has blocked a exceptions can be configured via your app's info.plist file.因为iOS9将不采用默认的http等不安全的请求。可以在Info.plist文件中加入以下代码,来暂时解决这个运行的问题。<key>NSAp原创 2016-09-13 16:10:56 · 334 阅读 · 0 评论 -
谈谈从0开始快速学习React Native(二)
React Native生命周期各个函数的介绍:getDefaultProps:在组件创建之前,会先调用 getDefaultProps() ,这是全局调用一次,严格地来说,这不是组件的生命周期的一部分。在组件被创建并加载候,首先调用 getInitialState() ,来初始化组件的状态。设置组件属性的默认值,在组件类创建的时候调用一次,然后返回值被缓存下来。如果父组件没有指定 `props`原创 2016-08-31 15:26:16 · 452 阅读 · 0 评论 -
谈谈从0开始快速学习React Native(一)
React Native是基于React的,在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document,但篇幅比较多,学起来比较枯燥。 我可以说是从0开始学习React Native,之前学习的人少,自己也走了不少弯路,以后能把自己的一些想法或者是学习方法写出来分享一下,让后来学习的同行们少走一些弯路。自己理解的React1.React?2原创 2016-08-30 17:32:17 · 869 阅读 · 0 评论 -
React Native获取移动设备信息(react-native-device-info)如何使用?
React Native获取移动设备信息(react-native-device-info)如何使用?组件说明组件使用介绍ios如何使用android如何使用组件说明该组件是一个第三方的获取移动设备信息的一个组件,适用于ios和android双平台组件使用介绍 在ReactNative中使用第三方组件,都必须要下载依赖包 我们一般都是使用命令行来执行下载: 进入项目执行原创 2016-08-30 12:14:44 · 4306 阅读 · 0 评论 -
谈谈学习ReactNative那些资料
学习ReactNative的现阶段,学习资料并不是那么的多。我们要寻找适合自己的资料才能有效的达到开发的要求。* **构建 Facebook F8 2016 App / React Native开发指南**http://f8-app.liaohuqiu.net/* **React-Native入门指南**https://github.com/vcze原创 2016-08-30 11:19:15 · 1692 阅读 · 0 评论 -
React Native 中 ScrollView 性能探究
1 基本使用ScrollView 是 React Native(后面简称:RN) 中最常见的组件之一。理解 ScrollView 的原理,有利于写出高性能的 RN 应用。ScrollView 的基本使用也非常简单,如下: ... 它和 View 组件一样,可以包含一个或者多个子组件。对子组件的布局可以是垂直或者水平的,通过属性 horizontal=原创 2016-06-16 17:48:45 · 3313 阅读 · 1 评论 -
React Native项目修改包名(Android版)
1、package.json ==> “name”:(package)2、index.android.js ==> AppRegistry.registerComponent('(package)', () => (package));3、android\settings.gradle ==> rootProject.name = ‘package’原创 2016-06-16 17:46:14 · 3052 阅读 · 0 评论 -
听说你需要这样学习Redux
Redux 学习总结1.前言 对于复杂的 Web 交互应用,相继出现了一系列的 MV* 框架,然而双向绑定的数据流容易让数据变得不可控制。 在任何应用中管理数据都是必不可少的。通过用户界面来编排数据流是一项具有挑战的工程。现代的 Web 应用会涉及复杂的 UI 交互,比如改变了一个地方的 UI 数据,需要直接或者间接的改变其他地方的 UI 数据。原创 2017-10-11 13:02:58 · 364 阅读 · 0 评论