《React Native移动开发实战》一一3.3 完善轮播广告——Image组件

3.3 完善轮播广告——Image组件之前的轮播广告页面显示的是简单的文字和背景色,接下来添加一些好看的图片作为轮播广告。React Native中用于图片显示的组件是Image。Image组件可以显示多种不同类型图片,包括网络图片、静态资源、临时的本地图片,以及本地磁盘上的图片(如相册)等。3.3...

《React Native移动开发实战》一一3.6 添加页面跳转功能——Navigator组件

3.6 添加页面跳转功能——Navigator组件React Native实现页面跳转的组件有Navigator以及NavigatorIOS,和前面介绍过的ViewPagerAndroid问题一样,为了考虑平台兼容性和代码复用性,这里使用同时支持iOS和Android的Navigator组件。在正式...

React 入门与实战

54 课时 |
13288 人已学 |
免费

React 入门教程开发文档

11 课时 |
1626 人已学 |
免费
开发者课程背景图

《React Native移动开发实战》一一3.7 二级页面的跳转——TouchableOpacity组件

3.7 二级页面的跳转——TouchableOpacity组件理解了Navigator的基本用法之后,下一步,添加一个新的组件,以便实现二级页面跳转的效果。(1)添加新的文件detail.js,并在该文件中创建detail组件,代码如下: 01 import React, {Component} f...

《React Native移动开发实战》一一3.5 拖曳刷新列表——RefreshControl组件

3.5 拖曳刷新列表——RefreshControl组件在3.4节中,我们完善了商品列表的功能:不仅优化了列表的布局,还添加了分割线等效果。不过,该App还缺少一个常用的功能,那就是拖曳刷新。虽然也可以添加一个“刷新”按钮用于响应用户请求,但是用户体验却没有拖曳好,而且,由于现在移动开发设备屏幕通常...

《React Native移动开发实战》一一3.4 完善商品列表——ListView组件

3.4 完善商品列表——ListView组件在完善了搜索框和轮播广告之后,对电商应用的首页的改造已经初见成效。最后,我们要让商品列表的内容也变得更加丰富。3.4.1 对图片资源进行重构添加商品图片到ch04项目中,相对ch04根目录的文件路径为./product-image-01.jpg。此时,如果...

《React Native移动开发实战》一一第3章 React Native的组件(1)

第3章 React Native的组件(1)第2章中已经实现了电商应用的首页,虽然界面和功能看起来略简陋了点,但是麻雀虽小,五脏俱全,首页的整体布局和大概效果已经完整地呈现在我们面前了。接下来,在“夯实的地基”上,我们将继续“盖楼”,为应用实现更多的功能和更好的体验。本章主要内容有: 移植旧的App...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1489+人已加入
加入
相关电子书
更多
React Native 全量化实践—web 技术打造移动研发新模式
搭建React Native生态
React Native项目实战优化之路
立即下载 立即下载 立即下载