文章分类 -  React Native

摘要：知识点: 1.和CSS中的flex布局相比，RN的Flexbox布局首先是默认值不同：flexDirection的默认值是column而不是row，而flex也只能指定一个数字值。 2.主轴是水平方向的，次轴是垂直方向的 参考链接：阮一峰老师的Flex 布局教程：语法篇 http://www.rua 阅读全文

摘要：1.指定宽高 最简单的给组件设定尺寸的方式就是在样式中指定固定的width和height。React Native 中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。 注：在苹果手机就会按pt显示 import React, { Component } from 'react'; imp 阅读全文

摘要：知识点： 1、style的属性 2、间接继承 3、StyleSheet.create 链接：文本全部样式 https://reactnative.cn/docs/text/ 在 React Native 中，你并不需要学习什么特殊的语法来定义样式。我们仍然是使用 JavaScript 来写样式。所有 阅读全文

摘要：要学习如何动态修改你的界面，那就需要进一步学习 State（状态）的概念。 我们使用两种数据来控制一个组件：props和state。props是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变。对于需要改变的数据，我们需要使用state。 一般来说，你需要在class中声明一个st 阅读全文

摘要：1.props（属性） 大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）。 以常见的基础组件Image为例，在创建一个图片时，可以传入一个名为source的 prop 来指定要显示的图片的地址，以及使用名为style的 prop 来控制其尺寸。 2.自定义组 阅读全文

摘要：根据悠久的传统，写一个helllo world 知识点：1.es6语法 参考书籍：1.阮一峰老师的书 http://es6.ruanyifeng.com 阅读全文