8 南岸青栀

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 2k+

云服务器之CentOS使用yum安装jdk

、查看系统版本命令cat/etc/issue2、查看yum包含的jdk版本yumsearch java 或者 yum list java*版本 jre jdk 1.8 java-1.8.0-openjdk.x86_64 java-1.8.0-openjdk-devel.x86_64 1.7 java-1.7.0-openjdk.x86_...

2019-11-15 11:02:05

React Native0.61进阶之与Android端传递消息

转载自:https://blog.csdn.net/u013718120/article/details/55506238RN与Andorid通信的方式大概总结了有以下四种: RCTDeviceEventEmitter 事件方式 Callback 回调方式 Promise 信任方式 直传常量数据 优缺点:1. RCTDeviceEventEmi...

2019-11-14 10:50:14

React Native0.61进阶之动画 Animated/LayoutAnimation

React Native 提供了两个互补的动画系统:用于创建精细的交互控制的动画Animated和用于全局的布局动画LayoutAnimation。AnimatedAnimated使得开发者可以非常容易地实现各种各样的动画和交互方式,并且具备极高的性能。Animated旨在以声明的形式来定义动画的输入与输出,在其中建立一个可配置的变化函数,然后使用简单的start/stop方法来控制动画按...

2019-11-07 14:23:06

React Native0.61进阶之图片

静态图片资源React Native 提供了一个统一的方式来管理 iOS 和 Android 应用中的图片。要往 App 中添加一个静态图片,只需把图片文件放在代码文件夹中某处,然后像下面这样去引用它:<Image source={require('./my-icon.png')} />图片文件的查找会和 JS 模块的查找方式一样。在上面的这个例子里,是哪个组件引用了这个...

2019-11-07 11:19:03

React Native0.61进阶之使用导航器跳转页面

移动应用基本不会只由一个页面组成。管理多个页面的呈现、跳转的组件就是我们通常所说的导航器(navigator)。本文档总结对比了 React Native 中现有的几个导航组件。如果你刚开始接触,那么直接选择React Navigation就好。 React Navigation 提供了简单易用的跨平台导航方案,在 iOS 和 Android 上都可以进行翻页式、tab 选项卡式和抽屉式的导航...

2019-11-07 11:17:56

React Native0.61进阶之特定平台代码

在编写跨平台的应用时,我们肯定希望尽可能多地复用代码。但是总有些时候我们会碰到针对不同平台编写不同代码的需求。React Native 提供了两种方法来区分平台:使用Platform模块. 使用特定平台扩展名.另外有些内置组件的某些属性可能只在特定平台上有效。请在阅读文档时留意。Platform 模块React Native 提供了一个检测当前运行平台的模块。如果组件只有一小部...

2019-11-07 11:13:57

React Native0.61进阶之组件和API

React Native 提供了一些内置的组件。基础组件 交互控件 列表视图 iOS 独有组件 Android 独有组件 其他需要说明的是,你不会被局限在这些内置组件上。React Native 是大开源社区的作品,所以你还可以在 github 或是 npm 上搜索到带有react native关键字的大量的第三方组件。基础组件大多数应用都会用到这里的基础组件。如果你是新手...

2019-11-07 11:10:48

React Native0.61之其他参考资源

常用的第三方库如果你正在使用 React Native,那你应该已经对React有一定的了解了。React 是基础中的基础所以我其实不太好意思提这个——但是,如果不幸你属于“但是”,那么请一定先了解下 React,它也非常适合编写现代化的网站。开发实践中的一个常见问题就是如何管理应用的“状态(state)”。这方面目前最流行的库非Redux莫属了。不要被 Redux 中经常出现的类似"...

2019-11-07 11:07:08

React Native0.61之编写项目列表二

FlatList现在我们来让我们的应用能够渲染所有的数据而不是仅仅第一部电影。我们要用到的就是 FlatList 组件。为什么建议把内容放到 FlatList 里?比起直接渲染出所有的元素,或是放到一个 ScrollView 里有什么优势?这是因为尽管 React 很高效,渲染一个可能很大的元素列表还是会很慢。FlatList会安排视图的渲染,只显示当前在屏幕上的那些元素。而那些已经渲染好...

2019-11-06 16:02:55

React Native0.61之编写项目列表一

我们将编写一个简单的应用,可以从电影数据库中取得最近正在上映的 25 部电影,并在一个FlatList中展示出来。准备工作React Native 需要一些基础的配置工作,你可以参考开始使用 React Native来进行。在所有依赖的软件都已经安装完毕后,请创建一个 React Native 工程和我们一起开始这次示例:react-native init SampleAppMo...

2019-11-06 14:57:02

React Native0.61之网络请求

很多移动应用都需要从远程地址中获取数据或资源。您可能需要给某个REST API发起POST请求以提交用户数据,又或者可能仅需要从某个服务器上获取一些静态内容-以下就是你会新手可以对照这个替换的视频教程加深理解。使用提取React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。如果您之前使用过XMLHttpRequest(即俗称的ajax)或其他的网络...

2019-11-06 14:37:58

React Native0.61之使用长列表

React Native提供了几个适用于展示长列表数据的组件,一般而言我们会替换FlatList或SectionList。FlatList组件用于显示一个垂直的滚动列表,其中的元素之间的结构近似而仅数据不同。FlatList和ScrollView不同的是,FlatList并不立即渲染所有元素,而是优先渲染屏幕上可见的元素。FlatList组件必须的两个属性是data和renderIt...

2019-11-06 14:35:08

React Native0.61之使用滚动视图

ScrollView是一个通用的可滚动的容器,您可以在其中加入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView可以可以垂直滚动,可以水平滚动(通过horizontal属性来设置)。下面的示例代码创建了一个垂直滚动的ScrollView,其中还多余了图片和文字组件。import React, { Component } from 'react';import {...

2019-11-06 14:33:44

React Native0.61之处理触摸事件

显示一个简单的按钮Button是一个简单的跨平台的按钮组件。下面是一个最简示例:<Button onPress={() => { Alert.alert("你点击了按钮!"); }} title="点我!"/>上面这段代码会在 iOS 上渲染一个蓝色的标签状按钮,在 Android 上则会渲染一个蓝色圆角矩形带白字的按钮。点击这个按钮会调用"o...

2019-11-04 15:34:42

React Native0.61之处理文本输入

TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性,此属性接受一个函数,而此函数会在文本变化时被调用。另外还有一个名为onSubmitEditing的属性,会在文本被提交后(用户按下软键盘上的提交键)调用。假如我们要实现当用户输入时,实时将其以单词为单位翻译为另一种文字。我们假设这另一种文字来自某个吃货星球,只有一个单词: ????。所以"Hell...

2019-11-04 15:30:47

React Native0.61之使用Flexbox布局一 (flexDirection、alignItems、justifyContent)

在 React Native 中使用 flexbox 规则来指定某个组件的子元素的布局。Flexbox 可以在不同屏幕尺寸上提供一致的布局结构。一般来说,使用flexDirection、alignItems和justifyContent三个样式属性就已经能满足大多数布局需求。这里有一份简易布局图解,可以给你一个大概的印象。React Native 中的 Flexbox 的工作原理...

2019-11-04 15:06:00

React Native0.61之高度与宽度

组件的高度和宽度决定了其在屏幕上显示的尺寸。指定宽高最简单的给组件设定尺寸的方式就是在样式中指定固定的width和height。React Native 中的尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点。import React, { Component } from 'react';import { View } from 'react-native';expor...

2019-11-04 14:58:24

React Native0.61之样式

在 React Native 中,使用 JavaScript 来写样式。所有的核心组件都接受名为style的属性。这些样式名基本上是遵循了 web 上的 CSS 的命名,只是按照 JS 的语法要求使用了驼峰命名法,例如将background-color改为backgroundColor。style属性可以是一个普通的 JavaScript 对象。你还可以传入一个数组——在数组中位置居后...

2019-11-04 14:53:21

React Native0.61之State(状态)

我们使用两种数据来控制一个组件:props和state。props是在父组件中指定,而且一经指定,在被指定的组件的生命周期中则不再改变。对于需要改变的数据,我们需要使用state。一般来说,你需要在class中声明一个state对象,然后在需要修改时调用setState方法。假如我们需要制作一段不停闪烁的文字。文字内容本身在组件创建时就已经指定好了,所以文字内容应该是一个pro...

2019-11-04 14:44:56

React Native0.61之Props(属性)

大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props(属性)。以常见的基础组件Image为例,在创建一个图片时,可以传入一个名为source的 prop 来指定要显示的图片的地址,以及使用名为style的 prop 来控制其尺寸。import React, { Component } from 'react';import { Image } from '...

2019-11-04 14:38:36

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。