React Native
点石为金
希望能把自己平时遇到的一些问题写成专题,帮助到在工作中可能也会遇到类似问题的软件开发者,祝愿大家共同进步!
展开
-
React Native实现二维码管理界面
今天讲下实现二维码管理界面,其实这个题目不是很合适,重点讲如何实现类似的界面。界面中显示有限个模块。每个模块上、中、下结构;每个模块有一个背景,背景有阴影效果。先看下效果图: 效果图代码:/** * Created by wangwentao on 2016/12/30. * 说明:二维码管理界面 */import React, { Compo原创 2017-02-03 16:54:56 · 1441 阅读 · 0 评论 -
React Native自定义带返回按钮的标题栏组件
今天说的是左中右结构的标题栏,应用中最常见的就是左边一个返回按钮,中间一个标题。先看下效果: 效果图代码部分:import React, { Component,createClass } from 'react';import { Vie原创 2017-02-03 17:19:51 · 6242 阅读 · 0 评论 -
React Native实现Text显示...的效果
大家好,这里我给大家讲一些React native中的Text控件显示省略号的实现方法。 项目开发中文字的显示是必不可少的,比如产品简介或描述,产品详情等。往往会遇到文字过长的情况,一般怎么处理这些问题呢?大多数软件都是将界面布局中显示不下的内容显示为...,也就是通过省略号这种方式告诉用户,没有显示完,后面还有内容,一般这种可以点击进到详情界面看到更全面的信息,好了,废话少说,原创 2017-01-23 13:19:46 · 23636 阅读 · 0 评论 -
React Naitve实现Text显示多行的功能
大家好,今天讲一讲Text控件显示多行的功能,先给大家上一张图,看下效果: |---------------------------------------------------------| | | | 审核说明原创 2017-01-23 14:36:55 · 26865 阅读 · 0 评论 -
解决React Native中ListView控件在ios上不能滑动的问题
大家好,今天讲一下在开发中遇到的问题,问题如下:产品设计的效果图为显示一个账单界面,但是因为时间的关系,暂时先不做账单详情。也就是说账单界面不做点击事件处理。界面的布局是典型的列表展示,所以这里选择了ListView控件,开发完之后,用安卓机调试没有问题,后来提测,测试部使用Ios测试时发现界面只能看到默认一屏数据,但是一屏下面还是有数据的,超过一屏的地方滑不动,用安卓机又是正常的。后来发原创 2017-01-24 09:18:09 · 1542 阅读 · 0 评论 -
解决React Native中ScrollView中控件获得焦点及点击空白处键盘消失的问题
大家好,今天讲下在开发RN过程中使用ScrollView控件出现的问题。最初的开发需求是显示一个界面,这个界面有两个特点:1)纵向很长,显示的内容有点多2)界面的下半部分中有TextInput控件要想满足第一个条件,首先想到的是将显示的这些内容最外层加上一层ScrollView控件包裹,经过测试,确实是可以的。TextInput控件后面根了一个删除按钮,删除按钮原创 2017-01-24 10:03:57 · 11828 阅读 · 0 评论 -
React Native自定义标题栏组件
大家好,今天讲一下如何实现自定义标题栏组件,我们都知道RN有一个优点就是可以组件化,在需要使用该组件的地方直接引用并传递一些参数就可以了,这种方式确实提交了开发效率。标题栏是大多数应用界面必不可少的一部分,将标题栏剥离出来做成一个组件很有必要。今天先讲一个不带返回按钮的标题栏。废话少说,直接上代码:/** * 封装公共的标题头,没有返回按钮 */'use strict';i原创 2017-01-25 10:33:49 · 5961 阅读 · 0 评论