腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
向治洪
《React Native移动开发实战》1,2《Kotlin实战》《Weex开发实战》和《Flutter实战》开发交流群:515980159
专栏成员
举报
1369
文章
2447838
阅读量
129
订阅数
订阅专栏
申请加入专栏
全部文章(999+)
android(618)
java(228)
ios(119)
reactnative(102)
react(82)
编程算法(81)
javascript(75)
其他(74)
html(46)
xml(44)
kotlin(44)
打包(43)
https(43)
api(41)
数据库(40)
node.js(38)
网站(33)
http(33)
flutter(30)
数据处理(27)
ide(25)
json(24)
android studio(21)
开源(21)
数据结构(21)
vue.js(20)
linux(20)
网络安全(20)
gradle(19)
git(18)
图像处理(18)
缓存(18)
github(17)
mac os(16)
css(16)
机器学习(15)
微信(15)
python(14)
sql(14)
spring(14)
c++(13)
apache(13)
渲染(13)
存储(13)
jvm(12)
安全(12)
腾讯云测试服务(11)
容器(11)
大数据(11)
sdk(11)
人工智能(10)
小程序(10)
swift(9)
eclipse(9)
hashmap(9)
iphone(8)
ecmascript(8)
微信小程序音视频(8)
npm(8)
php(7)
ajax(7)
webview(7)
maven(7)
文件存储(7)
webpack(7)
jdk(7)
tcp/ip(7)
dart(7)
xcode(6)
typescript(6)
深度学习(6)
mongodb(6)
移动开发(6)
html5(6)
app(6)
开发(6)
tensorflow(5)
jquery(5)
listview(5)
textview(5)
云数据库 SQL Server(5)
jar(5)
容器镜像服务(5)
神经网络(5)
云直播(5)
访问管理(5)
redux(5)
游戏(5)
面向对象编程(5)
dns(5)
spring boot(5)
socket编程(5)
模型(5)
区块链(4)
云数据库 Redis(4)
云函数(4)
命令行工具(4)
serverless(4)
koa(4)
图像识别(4)
ssh(4)
单元测试(4)
jenkins(4)
配置(4)
数据(4)
官方文档(3)
ruby(3)
scala(3)
qt(3)
sqlite(3)
access(3)
云数据库 MongoDB(3)
SSL 证书(3)
eslint(3)
thinkjs(3)
云开发(3)
5g(3)
迁移(3)
小程序·云开发(3)
插件(3)
框架(3)
云镜(主机安全)(2)
对象存储(2)
DNS 解析 DNSPod(2)
比特币(2)
objective-c(2)
cocoa(2)
c 语言(2)
angularjs(2)
jquery ui(2)
arm(2)
mvc(2)
tomcat(2)
nginx(2)
移动直播(2)
数据加密服务(2)
rxjs(2)
babel.js(2)
分布式(2)
爬虫(2)
spark(2)
卷积神经网络(2)
gui(2)
mybatis(2)
cdn(2)
udp(2)
uml(2)
hexo(2)
数据分析(2)
系统架构(2)
微服务(2)
腾讯云开发者社区(2)
fiddler(2)
es(2)
Elasticsearch Service(2)
apple(2)
debug(2)
eventbus(2)
layout(2)
thread(2)
ui(2)
view(2)
工具(2)
工作(2)
开发者(2)
日志(2)
事件(2)
调试(2)
线程(2)
云服务器(1)
云点播(1)
负载均衡(1)
数字货币(1)
phonegap(1)
go(1)
bash(1)
.net(1)
jsp(1)
bootstrap(1)
单片机(1)
oracle(1)
postgresql(1)
web.py(1)
svn(1)
struts(1)
搜索引擎(1)
ubuntu(1)
windows server(1)
负载均衡缓存(1)
bash 指令(1)
mapreduce(1)
短视频(1)
数据库一体机 TData(1)
短信(1)
视频处理(1)
数据备份(1)
电商(1)
企业(1)
vr 视频解决方案(1)
工业物联(1)
微信云支付(1)
electron(1)
express(1)
sass(1)
yarn(1)
kubernetes(1)
运维(1)
黑客(1)
shell(1)
hadoop(1)
正则表达式(1)
线性回归(1)
keras(1)
grep(1)
自动化测试(1)
二叉树(1)
pytorch(1)
aop(1)
flash(1)
markdown(1)
rpc(1)
ddos(1)
敏捷开发(1)
spring cloud(1)
lamp(1)
机器人(1)
windows(1)
物联网(1)
架构设计(1)
nat(1)
postcss(1)
云计算(1)
任务调度(1)
分类算法(1)
ipv6(1)
rust(1)
功能测试(1)
flink(1)
数据库管理(1)
汽车(1)
项目管理(1)
adapter(1)
apk(1)
bluetooth(1)
boot(1)
build(1)
bundle(1)
cell(1)
ci(1)
click(1)
cocoapods(1)
comments(1)
count(1)
eval(1)
flex(1)
gpt(1)
host(1)
ibeacon(1)
integer(1)
ip(1)
ipa(1)
ipad(1)
join(1)
jupyter(1)
live(1)
logcat(1)
mac(1)
max(1)
native(1)
next(1)
openai(1)
package(1)
path(1)
pool(1)
prompt(1)
push(1)
rollup(1)
router(1)
settings(1)
show(1)
store(1)
swig(1)
text(1)
uiscrollview(1)
url(1)
window(1)
worker(1)
zero(1)
zxing(1)
编程(1)
编程语言(1)
变量(1)
编码(1)
编译(1)
并发(1)
并发编程(1)
布局(1)
产品经理(1)
程序(1)
程序员(1)
动画(1)
队列(1)
对象(1)
工具类(1)
函数(1)
行业(1)
互联网(1)
继承(1)
基础(1)
加密(1)
解决方案(1)
接口(1)
开发工具(1)
跨平台(1)
蓝牙(1)
连接(1)
浏览器(1)
论文(1)
苹果(1)
前端(1)
求职(1)
全栈(1)
设计(1)
视频(1)
数据类型(1)
搜索(1)
网络(1)
线程池(1)
效率(1)
协议(1)
性能(1)
语法(1)
重构(1)
状态机(1)
LLM(1)
搜索文章
搜索
搜索
关闭
React Native 组件之SafeAreaView
reactnative
iphone
ios
ReactNative官方从0.50.1版本开始,加入了针对iPhone X设备齐刘海页面适配的组件SafeAreaView,为ReactNative开发APP时对iPhone X的页面适配提供了很大的方便。目前,SafeAreaView只适合iOS设备。 SafeAreaView的使用也非常简单,只需要将SafeAreaView嵌套在最根级别的视图中即可,并且在style中加上flex:1等页面样式。
xiangzhihong
2022-11-30
568
0
Swift开发React Native组件
ios
android
reactnative
小程序
java
前面说过,React Native作为一个全新的跨平台开发框架,好多东西还不是很成熟,很多原生的控件还不是很完善,于是好多爱好者便自己封装相关的组件,可以使用oc来封装,也可以使用Swift来封装。关于封装的原理,大家可以访问我的书的《React Native移动开发实战》。 基础 学习本章知识,需要读者具备一定的OC和Swift语言基础,读者可以从下面的链接中获取学习资料。 Apple 官方引导 Xcode入门 Swift英文文档 UIKit UIKit框架是iPhone应用程序开发中最基本的框架
xiangzhihong
2018-02-06
2.9K
1
React Native 0.50版本新功能简介
android
ios
reactnative
react
React Native在2017年经历了众多版本的迭代,从本人接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移动跨平台方案。虽然,目前存在着很多的功能和性能的缺失,但是不可否认的是React Native确实在进步。 本文主要从以下几个方面来对React Native0.50+进行讲解: 在兼容性方面新增了对Android8.0、iPhone X的支持; 在API方面为TimePicker添加了打开方式的API,另外允许在构建Android项目的时候指定ap
xiangzhihong
2018-02-06
2.2K
0
React Native之prop-types进行属性确认
react
reactnative
React Native已经升级到0.51.0了,版本升级很快,但是对老项目也会有一些问题,常见的就是属性找不到的问题。例如: 主要原因是随着React Native的升级,系统废弃了很多
xiangzhihong
2018-02-06
1.4K
0
React Native仿美团下拉菜单
reactnative
在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面的效果,在原生中比较好做,直接使用PopWindow组件即可。如果使用React Native开发上面的效果
xiangzhihong
2018-02-06
3.1K
1
关注专栏作者,随时接收最新技术干货
xiangzhihong
中国平安架构师
关注
用户3471017
关注
用户8000975
关注
用户4461052
关注
React Native使用Modal自定义分享界面
reactnative
在很多App中都会涉及到分享,React Native提供了Modal组件用来实现一些模态弹窗,例如加载进度框,分享弹框等。使用Modal搭建分析的效果如下: 自定义的分析界面代码如下: S
xiangzhihong
2018-02-06
1.8K
0
React Native热更新方案
ios
reactnative
android
自动化测试
随着 React Native 的不断发展完善,越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发,也有不少使用 Hybrid 技术的公司转向了 React Native 。虽然React Native在目前来说仍有不少的坑,不过对于以应用开发为主的App来说完全可以胜任。 概述 在iOS应用开发中,由于Apple严格的审核标准和低效率,iOS应用的发版速度极慢,这对于大多数团队来说是不能接受的,所以热更新对于iOS应用来说就显得尤其重要。而就在前不久,苹果
xiangzhihong
2018-02-06
9.4K
0
React Native 自定义控件之验证码和Toast
android
ios
react
reactnative
图像处理
React Native通过近两年的迭代和维护,最新版本已经到了0.45.1。 话说回来,尽管迭代的挺快,但还是有很多坑,很多基础的组件和API还是不完善。 今天给大家带来的自定义小专题,其实对于React Native来说,自定义组件的过程更像是Android、iOS的组合控件。大体步骤有如下几个步骤(不完全准确,但是方向大体准确): 1,定义构造函数constructor; 2,定义组件属性propTypes; 3,绘制界面; 4,添加更新界面逻辑等 自定义Toast 在系统组件中,RN
xiangzhihong
2018-02-06
3.8K
0
React Native网络请求fetch简单封装
reactnative
在原生应用开发中,为了方便业务开发人员使用,我们一般会对网络库进行一些上传封装,而不是直接使用,例如基于AFNetworking库的ios请求上层封装,Android的诸如volley,retrofit等。在前端开发中,一般使用fetch进行网络请求,相关介绍请查看fetch示例。其实对于开发来说,系统提供的fetch已经够用了,但是为了代码的整体结构,建议对fetch进行简单的Get/Post封装。 若不封装,我们看一下传统的写法: fetch('http://www.pintasty.cn/hom
xiangzhihong
2018-02-06
1.6K
0
React Native调用原生UI组件
android
reactnative
react
在React Native 中,其已经将几个常用的原生组件进行了封装,但是并不是所有系统的原始组件都被封装了,因此有时候我们不得不自己动手封装一下,从而能够使用那些React Native没有为我们封装的原生组件。为了方便讲解,我们选择第一个第三方库kenburnsview来讲解,kenburnsview是一个可以让图片在在页面移动或者放大缩小的库。 Android原生组件封装 1,继承SimpleViewManager,返回UI组件实例 首先,需要继承 SimpleViewManager 这个泛型类,
xiangzhihong
2018-02-06
1.5K
0
React Native调用原生组件
reactnative
react
在React Native开发过程中,有时候我们可能需要访问平台的API,但react Native还没有相应的实现,或者是React Native还不支持一些原生的属性,我们需要调用原生代码来实现,或者是我们需要复用一些原来的Java代码,这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。 相关文档可以参照官方的介绍。 实例 下面我们就通过实现一个自定义模块,来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能,比如弹Toast,启动Activity等。 实
xiangzhihong
2018-02-06
1.6K
0
react native 调用原生UI组件
reactnative
在React Native开发过程中,有时我们想要使用原生的一个UI组件或者是js比较难以实现的功能时,我们可以在react Naitve应用程序中封装和植入已有的原生组件。 本文我们实现一个VideoView的本地调用。 React Native并没有给我们提供VideoView这个组件,那我们要播放视频的话,有两种方法:一种是借助WebView,一种就是使用原生的播放器。 Java端实现 新建VideoViewManager类,并继承SimpleViewManager,SimpleViewManag
xiangzhihong
2018-02-06
7.3K
1
React Native如何消除启动时白屏
reactnative
ios
在RN 项目启动之后有一个短暂的白屏,调试阶段白屏的时间较长,大概3-5秒,打正式包后这个白屏时间会大大缩短,大多时候都是一闪而过,所以称之为“闪白”。 其实解决的方案也有很多,这里做一个简单的
xiangzhihong
2018-02-06
1.9K
0
MobX 在 React Native开发中的应用
reactnative
javascript
MobX 是一款精准的状态管理工具库,如果你在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux,那毫不犹豫地说,MobX 的简单性将成为你状态管
xiangzhihong
2018-02-06
11.8K
0
react-native城市列表组件
reactnative
城市列表选择是很多app共有的功能,比如典型的美图app。那么对于React Native怎么实现呢? 要实现上面的效果,首先需要对界面的组成简单分析,界面的数据主要由当前城市,历史访问城市和热
xiangzhihong
2018-02-06
2.9K
0
React-Native组件之 TabBarIOS和TabBarIOS.Item
android
ios
reactnative
TabBarIOS 组件简介 目前的APP内,大部分都是选项与选项之间切换,比如:微信、微博、QQ空间…,在iOS中,我们可以通过TabItem类进行实现,那么,在React Native中,我们可以通过TabBarIOS和TabBarIOS.Item组件来实现选项卡切换效果,大家可以看到后面带有IOS,所以这个组件不支持Android,当然后面我们会通过自定义该组件来满足实际开发需求。 TabBarIOS 常见属性 继承了View的所有属性 barTintColor:标签栏的背景颜色 tintColor:
xiangzhihong
2018-02-06
1K
0
React Native之轻量级存储AsyncStorage
ios
android
reactnative
存储
AsyncStorage是一个简单的、异步的、持久化的以键值对形式进行数据存储的存储系统,对于App来说是全局性的。它的作用等价于iOS的NSUserDefaluts或Android的SharedPreferences,使用AsyncStorage用来替换老旧的LocalStorage。 方法 它有很多方法,每一个方法都有回调函数,第一个参数是错误对象,错了就是展示错误信息,否则为null。都会返回一个Promise对象。 static getItem(key:string , callback:(erro
xiangzhihong
2018-02-06
3.3K
0
React Native之TextInput组件实现联想输入
reactnative
TextInput组件是最基本的组件,相关介绍请查看TextInput组件介绍 输入框组件属性 输入框组件的主要属性如下: autoCapitalize : 枚举类型,可选值有none,sentences,words,characters.当用户输入时,用于提示。 placeholder:占位符,在输入前显示的文本内容。 value : 文本输入框的默认值。 placeholdertTextColor : 占位符文本颜色。 password : 如果为ture , 则是密码输入框,文本显示为***。 m
xiangzhihong
2018-02-06
3.2K
0
React Native之react-native-scrollable-tab-view详解
react
reactnative
在React Native开发中,官方为我们提供的Tab控制器有两种:TabBarIOS和ViewPagerAndroid。TabBarIOS,仅适用于IOS平台 ViewPagerAndroid,仅适用于Android平台(严格来讲并不算,因为我们还需要自己实现Tab)。在项目开发中,我们优先选择一些开源兼容性比较好的第三方库,例如,react-navigation,以及本文即将说到的react-native-scrollable-tab-view(官方地址)。react-native-scrolla
xiangzhihong
2018-02-06
6.4K
0
React Native动画Animated详解
react
reactnative
在移动开发中,动画是提高用户体验不可缺少的一个元素。在React Native中,动画API提供了一些现成的组件:Animated.View,Animated.Text和Animated.Image默认支持动画。动画API会调用iOS或者Android的本地代码来完成这些组件的位移、大小等动画。 在React Native中,Animated创建过程如下: 创建Animated.Value,设置初始值,比如一个视图的opacity属性,最开始设置Animated.Value(0),来表示动画的开始时候,视图
xiangzhihong
2018-02-06
4.6K
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档