随笔分类 -  【React Native】

RN(React Native)基础知识
【RN - 基础】之React Native常见问题及解决方案
摘要:unable to load script from assets index.android.bundle... 问题原因: 找不到Android项目中的assets文件夹。 解决方案: Could not install the app on the device... 问题原因: 在Andro 阅读全文

posted @ 2018-01-09 17:20 ITGungnir 阅读(404) 评论(0) 推荐(0) 编辑

【RN - 基础】之TextInput使用简介
摘要:TextInput组件允许用户在应用中通过键盘输入文本信息,其使用方法和Text、Image一样简单,实例代码如下: TextInput组件的属性如下表: TextInput组件还有如下方法: isFocused() :判断当前的TextInput组件是否获取了焦点。 clear() :清空Text 阅读全文

posted @ 2017-02-27 09:58 ITGungnir 阅读(6939) 评论(0) 推荐(0) 编辑

【RN - 基础】之Image使用简介
摘要:Image组件是用来加载图片的。React Native项目加载图片往往有三种方式: 从React Native项目中加载图片; 从APP项目中加载图片; 从网络中加载图片。 Image组件加载图片 加载项目图片资源 所谓加载React Native项目中的图片资源,指的是加载React Nativ 阅读全文

posted @ 2017-02-27 09:28 ITGungnir 阅读(8099) 评论(0) 推荐(0) 编辑

【RN - 基础】之Text使用简介
摘要:基本用法 Text组件是React Native中的一个重要组件,相当于iOS中的UILabel和Android中的TextView。Text组件用来存放文本数据。下面是一个简单的例子: 运行效果如下图所示: 【注意】:这里使用了Text组件的一个特性:嵌套,子Text中可以继承父Text中的属性和 阅读全文

posted @ 2017-02-26 11:21 ITGungnir 阅读(6692) 评论(0) 推荐(0) 编辑

【RN - 基础】之View使用简介
摘要:简介 View是一个容器,支持FlexBox布局。 View既可以作为容器容纳其他组件,也可以作为一个组件包含进另一个容器中。 无论运行在哪个平台上,View都会直接对应这个平台的原生视图,如iOS中的UIView、Android中的android.View,以及HTML中的<div>。 演示 下面 阅读全文

posted @ 2017-02-26 10:25 ITGungnir 阅读(2133) 评论(0) 推荐(0) 编辑

【RN - 基础】之React Native组件的生命周期
摘要:下图描述了React Native中组件的生命周期: 从上图中可以看到,React Native组件的生命周期可以分为初始化阶段、存在阶段和销毁阶段。 实例化阶段 实例化阶段是React Native组件生命周期的三个阶段中最常用的阶段,该阶段是组件的构建、展示阶段,该阶段中的几个方法的功能解析如下 阅读全文

posted @ 2017-02-25 10:37 ITGungnir 阅读(2241) 评论(0) 推荐(0) 编辑

【RN - 基础】之FlexBox弹性布局
摘要:前言 弹性盒模型(The Flexible Box Module),又叫FlexBox,意为“弹性布局”,旨在通过弹性的方式来对齐和分布容器中内容的空间,使其能适应不同的屏幕,为盒装模型提供最大的灵活性。 FlexBox在大部分情况下都是处理Item在Container中位置和尺寸的关系。 Flex 阅读全文

posted @ 2017-02-25 10:21 ITGungnir 阅读(1945) 评论(0) 推荐(0) 编辑

【RN - 基础】之Windows下搭建React Native开发环境
摘要:前言 React Native由Facebook公司于2015年F8大会上开源,其主张“Learn once, write everywhere”。React Native的核心设计理念是:既拥有Native(原生)的用户体验,又拥有React的开发效率。 目前,React Native已经基本上完 阅读全文

posted @ 2017-02-25 09:59 ITGungnir 阅读(556) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示