React Native
文章平均质量分 67
React Native 开发学习
menglong0329
不止于技术,不止于代码!
展开
-
RN自学资料收集
目录学习RN,首选React Native中文网mac搭建并运行react-native项目RN创建第一个项目项目开发过程中调试方法ReactNative程序第一个HelloWord编写RN的第一个项目:导航+底部条切换+页面跳转UI库React-Native 最完美的提示组件: Toast@2.0一款基于react-native的弹窗提示组件React Native 之 CheckBox 组件RN 样式篇 Shadow 阴影效果react-native 生成原创 2021-06-24 19:50:45 · 298 阅读 · 0 评论 -
RN 二维码扫描实现
实现效果:原创 2021-06-21 15:10:33 · 733 阅读 · 0 评论 -
RN创建第一个项目
前提是环境已经搭建好了,没有搭建环境的请移步:react native环境搭建一、chaung jia原创 2021-06-15 11:49:04 · 686 阅读 · 1 评论 -
设置默认属性值getDefaultProps方法
一、getDefaultProps方法介绍通过实现组件的getDefaultProps,对属性设置默认值。二、实际代码定义ShowTitle组件var ShowTitle = React.createClass({ getDefaultProps:function(){ return{ title : "百度科技" } }, render : functio...原创 2018-07-12 23:30:40 · 4899 阅读 · 0 评论 -
属性验证propTypes
一、propTypes介绍用于验证父组件给子组件传值时是否符合子组件属性规范。二、实际应用创建ShowTitle组件var ShowTitle = React.createClass({ propTypes:{ //验证title是不是字符串类型 title: React.PropTypes.string.isRequired }, render : function(...原创 2018-07-12 23:21:37 · 221 阅读 · 0 评论 -
Children
一、Children介绍表示组件的所有子节点。Childen是一个例外 不是和组件属性一一对应的。其实Children也是一种组件之间传值的方式,只不过传的值是组件的整个子节点。h5列表标签:<ul> <ol> 子标签:<li>。二、使用Children完成列表展示需求:定义一个列表组件,列表展示内容及其展示数量有父组件决定。定义列表组件var ListC...原创 2018-07-11 23:37:56 · 1280 阅读 · 0 评论 -
...this.props
一、...this.props介绍props提供的语法糖,可以将父组件中的所有属性复制给子组件。二、案例定义一个组件link,这个Link组件中只包含一个<a>,我们不给Link这个组件设置任何的属性,所有的属性都从父组件获得。定义link组件var Link = React.createClass({ render : function(){ return <a {...原创 2018-07-11 10:42:44 · 9768 阅读 · 0 评论 -
props
一、props介绍组件自身的属性对象、一般用于嵌套内外层组件中、负责传递传递数据、通常是由父层组件向子层组件传递。props对象中的属性与组件中的属性一一对应、不要直接修改props中的属性的值。二、案例/* 定义一个WebShow组件,输出网址的名字和地址,网址是一个可以点击的链接 分析:定义一个组件WebName负责网址名字的输出,定义组件WebLink输出网址地址,并且可以打开链...原创 2018-07-11 10:42:34 · 4134 阅读 · 0 评论 -
组件的样式
一、样式分类内联样式。对象样式。选择器样式。二、注意事项:在React和html5中设置样式的书写格式是有一部分区别的Html5以;结尾 React以,结尾Html5中key、value都不加引号 React中属于javaScript对象,key的名字中不能出现"-",需要使用驼峰命名法,如果value为字符串,需要加引号在HTML5,value如果是数字,需要加单位 Re...原创 2018-07-11 10:42:22 · 807 阅读 · 0 评论 -
定义组件
一、React组件定义介绍一个组件类由 extends Component 创建,并且提供一个 render方法。React中创建的组件类以大写字母开头,遵守驼峰命名法。在React当中用React。createClass创建一个组件类。核心代码:每个组件类都必须实现自己的render方法,输出定义好的组件模板,返回值:null/false/组件模板 这三种。组件类只能包含一个顶层标签。二、开发...原创 2018-07-11 10:42:11 · 319 阅读 · 0 评论 -
JSX语法
一、JSX语法介绍JSX不是一种语言,而是一种语法(语法糖)。JSX必须借助React运行环境。JSX标签就是Html标签,只不过我们在javascript中书协这些标签的时候,不用“”括起来。就和xml一样。转换:JSX语法能够让我们更加清晰的看到组件的DOM结构,不是直接在浏览器运行的,最终会转换成javascript去运行。JSX代码: ReactDOM.render( <h1&...原创 2018-07-11 10:41:55 · 326 阅读 · 0 评论 -
创建React工程
一、下载React编译环境包官方网址:https://www.facebook.github.io/react/百度网盘链接:https://pan.baidu.com/s/1w7BaI7GeomHJxypkw-XUnA 密码:2glq注意:在下载的build文件夹中的没有browser.min.js文件,有两种方式: 1.可以直接在项目中添加链接,自动加载。链接:https://cdnjs....原创 2018-07-11 10:41:13 · 248 阅读 · 0 评论 -
React开发环境配置
一、下载安装编辑器Atomhttps://atom.io/安装完成: 二、安装插件在这里首先推荐三个插件:浏览器浏览功能 open-in-browser (可以设置快捷键)分页展示html效果 atom-html-preview (可以设置快捷键)文件路径补全 autoComplete-path 在Atom上面安装插件步骤 1. 打开设置界面,安Ctrl+Comma或是File->S...原创 2018-07-11 10:40:59 · 365 阅读 · 0 评论 -
React介绍
React Native移动跨平台开发一、移动平台开发分类Native App 优点:性能优越、功能强大 缺点:版本维护和更新体验不太好Web App 优点:开发成本低、升级简单 缺点:与原生App相比,性能和体验还是相差比较大Hybrid App 介于Native与Web之间。原生 App二、React介绍 在Web应用开发的早...原创 2018-07-11 10:37:18 · 1125 阅读 · 0 评论