EricHuang's blog

每一个不码代码的日子,都是对生命的辜负!


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

React Native之获取组件位置与大小

发表于 2018-05-21 | 分类于 React Native |
在 React Native 的页面布局中,有时候需要获取元素的大小和位置,下面从网上找了几个方法,以备不时之需。 设备屏宽高12import {Dimensions} from 'react-native';var {height, width&# ...
阅读全文 »

React Native之Modal组件

发表于 2018-05-21 | 分类于 React Native |
Modal 组件可以用来覆盖包含 React Native 根视图的原生视图(如UIViewController,Activity)。 在嵌入 React Native 的混合应用中可以使用 Modal,Modal 可以使你应用中 RN 编写的那部分内容覆盖在原生视图上显示。 属性1、animati ...
阅读全文 »

React Native之全局变量

发表于 2018-05-18 | 分类于 React Native |
React Native 有两种方式使用全局变量 通过导入导出文件的方式新建立单独的一个 js 文件 1234export const object = { website: 'http://www.baidu.com', name: '百度' ...
阅读全文 »

React Native之UI组件继承

发表于 2018-05-17 | 分类于 React Native |
主要是介绍在 ES6 下面的继承,通过一个业务场景来描述。 场景: 假设我们 App 中有一部分基础按钮,他们除了样式与用法不同外,其他基本固定,这样我就可以实现一个父按钮,提供公共属性和方法,子类去继承此父按钮后,只需要定制一下样式就行了。 1、创建一个 ButtonBase.js 123456 ...
阅读全文 »

React Native之Image组件的使用与注意

发表于 2018-05-15 | 分类于 React Native |
Image 是一个用来显示网络或本地图片资源的组件。 方法有几个常用方法 onLayout当元素挂载或布局改变的时候,会触发此回调函数。 onError当加载出错后会触发此回调函数。 onLoad当加载成功后会触发此回调函数。 onLoadEnd不管是加载成功或失败都会触发此回调函数。 onLoad ...
阅读全文 »

React Native之Text中文字如何居中

发表于 2018-05-10 | 分类于 React Native |
Text 和 View 都是在垂直上包裹元素,水平上 100% 伸展(也就是铺满),可能这就是他蛋疼的地方,很多时间我们并不希望他铺满,这个时间就要配合 width、height、margin(不是padding)来配合使用,当然这个下面要说的内部没有关系,只不过在这里记录一下。 text 的文字如 ...
阅读全文 »

React Native之样式

发表于 2018-05-08 | 分类于 React Native |
内联样式从语法上来看,内联样式是 React Native 中编写组件样式最简单的一种方法,但是他不是最佳的,我们应该尽量避免使用,内联样式对象会在每一个渲染周期都被重新创建。 样例: 1<Text style = {{fontSize: 12}} /& ...
阅读全文 »

React Native之ES6带的好处

发表于 2018-05-07 | 分类于 React Native |
解构和属性延伸使用 ES6 的解构和属性延伸,我们给孩子传递一批属性更加方便了,看下面例子: 把 className 以外的所有属性传递给 CustomView 标签: 12345678910111213class AutoloadingPostsGrid extends React.Compone ...
阅读全文 »

React Native之ES6下组件的默认属性与默认状态

发表于 2018-05-07 | 分类于 React Native |
网上大部分还是 ES5 的一些三方库,写法也是 ES5 的,下现我们列出 ES5 与 ES6 的对比写法。 属性(props)在ES5里,属性类型和默认属性分别通过propTypes成员和getDefaultProps方法来实现 12345678910111213141516171819var Vi ...
阅读全文 »

JavaScript之ES6模板字符串

发表于 2018-05-02 | 分类于 JavaScript |
模板字符串ES6 中引入了一种新型的字符串语法,可以在字符串文本中内嵌表示式的字符串,看下面一段例子: 123456var name = '姓名';var desc = '姓名是一种描述';var html = (name, desc) { v ...
阅读全文 »
1…345…12
Eric Huang

Eric Huang

~ 生活不止苟且,还有诗和远方,迎着朝阳前进,看风与雪。

119 日志
19 分类
21 标签
RSS
GitHub Weibo
© 2020 Eric Huang
由 Hexo 强力驱动
|
主题 — NexT.Muse v5.1.4