![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
RN技术系列
非著名程序员
这个作者很懒,什么都没留下…
展开
-
基础篇章:React Native之Flexbox的讲解(Height and Width)
今天在讲解Flexbox之前,我们先讲解一下高度和宽度的问题。因为Height and Width的问题很简单,就不单独写一篇文章了。顺带说一下即可。Height and Width一个组件的高度和宽度,决定了它在屏幕上显示的大小。固定尺寸最简单的设置组件的尺寸的方法就是通过添加一个固定的宽度和高度。所有尺寸大小在React Native没有单位的,代表着独立的像素密度。官网例子import Re原创 2016-11-08 19:59:43 · 2025 阅读 · 0 评论 -
环境配置:React Native 开发环境配置 For Android
React Native 是FaceBook开源的一个项目,FaceBook希望可以用写 Web App 的方式去写 Native App。它可以让我们用JS和React来开发应用,使用React Native可以通吃Android 和 IOS ,以及Web,仅仅需要一份业务逻辑代码就可以来创建我们的应用。起源React Native 是由 React 衍生出来的,而 React 起源于 Face原创 2016-10-28 07:51:43 · 1119 阅读 · 0 评论 -
环境配置:React Native智能开发工具,可代码提醒的IDE——VS Code
VS Code是一个专门为React Native项目提供开发环境的扩展开发插件工具。可以调试代码,快速运行React Native的命令,并且可以智能提醒。非常的简便好用。安装首先要确保你已经安装了相关的React Native开发环境,并配置了开发环境。 安装VS Code方法非常简单,去github上下载插件,直接安装在电脑就可以了。 插件地址:https://github.com/Mi原创 2016-10-31 21:26:12 · 9313 阅读 · 0 评论 -
基础篇章:关于 React Native 的props,state,style的讲解
React Native看起来很像React,其实React Native就是根据React发展而来的,只不过其基础组件是原生组件而非web组件。所以在体验交互上更加接近原生操作,所以体验比web效果好很多。加上可以跨平台,体验又接近原生,所以自15年以来比较火。我们要想理解React Native应用的基本结构,我们首先需要先了解一些基本的React的概念,比如JSX语法、组件、state状态以原创 2016-11-01 21:12:23 · 1571 阅读 · 0 评论 -
基础篇章:关于 React Native 之 Picker 组件的讲解
今天我们就讲Picker ,顾名思义就是选择器。用法也是相当的简单。这里我们直接就看属性吧。Picker 的属性onValueChange function 当选择器中的某一项被选中的时候进行回调此函数。回调时有如下两个参数: itemValue 被选中项的value属性itemPosition 被选中项所在的索引selectedValue any 默认选中的值,可谓字符串或者整数styl原创 2016-12-11 21:30:44 · 4777 阅读 · 0 评论 -
基础篇章:React Native 之 TextInput 的讲解
今天我们讲解的是React Native基础系列之TextInput的讲解,如果想学习更多的开发知识或者移动开发文章,欢迎大家关注我的微信公众号:非著名程序员(smart_android)。TextInput 是一个允许用户输入文本的基础组件。它有一个onChangeText的属性,该属性接受一个函数,每当文本输入发生变化时,此函数就会被调用。它还有一个onSubmitEditing的属性,当文本原创 2016-12-11 21:32:17 · 2950 阅读 · 0 评论 -
基础篇章:React Native 之 View 和 Text 的讲解
从今天开始我们进入基础组件也就是一些简单控件的学习,之前写的文章貌似太正式了,我正在考虑怎么样才能写的有意思,想想挺难的,算了,写一步算一步吧。今天我们就从最简答的View和Text控件讲起。ViewView其实就是UI最基础的组件,跟我们android中的View不同,它更像我们android中的LinearLayout,RN中的View是一个支持Flexbox布局、样式、一些触摸处理和一些无障原创 2016-11-28 12:32:08 · 3392 阅读 · 0 评论 -
基础篇章:React Native之 Image 的讲解
今天一起来学习一些Image这个组件,它其实就是相当于我们android控件中的ImageView。我们先看例子,看看加载本地图片和远程服务器图片的方式,其实差不多。import React, { Component } from 'react';import { AppRegistry, View, Image } from 'react-native';class DisplayAnImag原创 2016-12-10 09:51:37 · 1593 阅读 · 0 评论 -
基础篇章:React Native之 ScrollView 的讲解
大家好,我是ScrollView,相信做过移动或者前端开发的人肯定都很熟悉我,对,我就是那个可以滚动的容器,滚有点难听,我是可以滑动的容器,我滑动起来,摩擦摩擦,似魔鬼的步伐。我不仅可以上下滚动,就是垂直,还可以左右滚动,这叫有水平。我厉不厉害?我这个人,为人心胸宽广,可以包容很多东西,我这叫宰相肚子里能撑船,什么组件,什么视图都可以放进来,主要是本人太饿了,啥都喜欢吃。这就是我的自我介绍。关于我原创 2017-01-06 21:24:47 · 1985 阅读 · 0 评论