贾鹏辉的技术专栏@CrazyCodeBoy-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

贾鹏辉的技术专栏@CrazyCodeBoy

专注于移动开发，分享技术，共享快乐。技术博客：http://www.devio.org

专栏成员

97

文章

320851

阅读量

30

订阅数

React Native按钮详解|Touchable系列组件使用详解

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 在做App开发过程中离不了的需要用户交互，说到交互，我们首先会想到的就是按钮了，在React Native中没有专门的按钮组件。为了能让视图能够响应用的的点击事件，我们需要借助Touchablexxx组件，来包裹我们的视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，一下四个组件都可以用来包裹视图来响应用户的点击事件。 TouchableWithoutFeedback：

2018-05-07

4.1K0

React Native Android原生模块开发实战|教程|心得

reactnative ios

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。前言一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现马上就春节了，所以就赶在春节之前将这篇博文写好并发布(其实是两篇：要看iOS篇的点这里《React Native iOS原生模块开发》)。我平

2018-05-07

2.1K0

React Native 性能优化之可取消的异步操作

React Native 性能优化之可取消的异步操作本文出自《React Native 研究与实践》系列文章。概述在项目开发中离不了的需要进行一些异步操作，这些异步操作在改善用户体验的同时也带来了一些性能隐患。比如，在某页面进行异步操作，异步操作还没有完成时，该页面已经关闭，这时由于异步操作的存在，导致系统无法及时的回收资源，从而导致性能的降低，甚至出现oom。总而言之，异步操作在改善用户体验，增强系统灵活性的同时也带来了一些性能隐患，如果使用不当则会带来一些副作用。那么如何在使用异步操作的同时

2018-05-07

1.6K0

一款简单易用的 Toast 组件，支持 Android&iOS

reactnative android

react-native-easy-toast 尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 一款简单易用的 Toast 组件，支持 Android&iOS。目录安装 Demo 如何使用？ API 贡献安装 1.在终端运行 npm i react-native-easy-toast --save 2.在要使用Toast的js文件中添加import Toast, {DURATION} from 'react-native-toast-easy

2018-05-07

1K0

React Native Android启动屏，启动白屏，闪现白屏

reactnative android

React Native Android启动屏，启动白屏，闪现白屏尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 本文出自《React N

2018-05-07

2.2K0

React Native 和iOS Simulator 那点事

reactnative ios

React Native 和iOS Simulator 那点事尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 本文出自《React Native学习笔记》@http://www.devio.org系列文章。问题1：使用React Native时按cmd+r无法reload js，cmd+d无法唤起 React Native开发菜单？不知大家是否有过这样的经历，用 React Native开发应用正不亦乐乎的时候，突然发现，cmd+r，cmd+

2018-05-07

2.1K0

React Native 启动白屏问题解决方案,教程

reactnative android ios

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 目录问题描述问题分析 Android启动白屏解决方案 iOS启动白屏解决方案开源库最后项目源码：react-native-splash-screen 问题描述：用React Native架构的无论是Android APP还是iOS APP，在启动时都出现白屏现象，时间大概1~3s（根据手机或模拟器的性能不同而不同）。问题分析：为什么会产生白屏？ React Native应用在启动时会将

2018-05-07

2.6K0

React Native之React速学教程(下)

React Native之React速学教程(下) 本文出自《React Native学习笔记》系列文章。 React Native是基于React的，在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《React Native之React速学教程》你可以对React有更系统和更深入的认识。为了方便大家学习，我将《React Native之React速学教程》分为上、中、下三篇，大家可以根据需要进行阅读学习。概

2018-05-07

2.8K0

React Native之React速学教程(中)

React Native之React速学教程(中) 本文出自《React Native学习笔记》系列文章。 React Native是基于React的，在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《React Native之React速学教程》你可以对React有更系统和更深入的认识。为了方便大家学习，我将《React Native之React速学教程》分为上、中、下三篇，大家可以根据需要进行阅读学习。概

2018-05-07

2.3K0

React Native 每日一学(Learn a little every day)

本文出自《React Native学习笔记》系列文章。每天一个知识点（技巧，经验，填坑日记等），每天学一点，离大神近一点。汇聚知识，分享精华。如果你是一名React Native爱好者，或者有一颗热爱钻研新技术的心，喜欢分享技术干货、项目经验、以及你在React Naive学习研究或实践中的一些经验心得等等，欢迎投稿《React Native 每日一学》栏目。如果你是一名Android、iOS、或前端开发人员，有者一颗积极进取的心，欢迎关注《React Native 每日一学》。本栏目汇聚Re

2018-05-07

1.9K0

React Native 学习资源精选仓库

React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。如果你是一名React Native爱好者，或者有一颗热爱钻研新技术的心，喜欢分享技术干货、项目经验、以及你在React Naive学习研究或实践中的一些经验心得等等，欢迎投稿《React Native Awesome》。如果你是一名Android、iOS、或前端开发人员，有者一颗积极进取的心，欢迎关注《React Native Awesome》。本项目汇

2018-05-07

2.9K0

Windows平台搭建React Native开发环境

reactnative node.js

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。在Windows平台上开发React Native需要安装以下环境和工具： Note.js React Native Command Line Tools Android Studio 安装Node.js React Native开发需要用到Node.js环境。我们做Rea

2018-05-07

1.4K0

React Native发布APP之签名打包APK

reactnative android

React Native发布APP之签名打包APK ---- 用React Native开发好APP之后，如何将APP发布以供用户使用呢？一款APP的发布流程无外乎：签名打包—>发布到各store这两大步骤。本文将向大家分享如何签名打包一款React Native APP。众所周知，Android要求所有的APP都需要进行数字签名后，才能够被安装到相应的设备上。签名打包一个Android APP已经是每一位Android开发者的家常便饭了。那么如何签名打包一款用React Native开发的APP呢？

2018-05-07

2.6K0

构建React Native官方Examples

reactnative mac os

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频

2018-05-07

2.6K0

快速创建React Native App

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。快速创建React Native App 查看最新的React Native官方文档你会发现，在Getting Started章节下新添加一个Quick Start Tab页。Quick Start是在v0.4.5版本添加的一种快速创建React Native App的方案

2018-05-07

2.3K0

教你轻松修改React Native端口

告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了： 8081端口被其他程序占用(比如杀毒

2018-05-07

2.8K0

React Native 集成分享第三方登录功能分享第三方登录模块开发(Android)

在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存

2018-05-07

1.9K0

React Native0.50+开发指导

api reactnative

概要本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导，希望能对从事React Native开发的你有所帮助：在兼容性方面新增了对Android8.0、iPhone X的支持；在API方面为TimePicker添加了打开方式的API，另外允许在构建Android项目的时候指定applicationId; 在组件方面，新添加了支持侧滑显示菜单的SwipeableFlatList，以及SafeAreaView。修复了一些关键性的Bug；特别强调 <Image>支持更新，不

2018-05-07

1.8K0

React Native年度报告(2017-2018)

概述在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，我们看到在这十几次的版本迭代中React Native的组件库在不断地壮大，在新引进的组件中既有FlatList、SectionList等具有更高性能的列表组件，也有与时俱进的用于适配全屏幕的SafeAreaView组件，同时呢，一些性能较差、无法适应React Native未来发展的一些老的组件，如：ListView、Navigator等组件也逐渐退出了沙场。本文将向大家总结React Native在过去的一年

2018-05-07

2.7K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态