使用Github查询API实现简单的Github App(React Native)
GitHub App GitHub App developed with React Native 源码地址:[链接] 下载地址 目前只有安卓版,IOS需要$99美元才能发布安装包,所以只能启动项目,连接iPhone手机安装 [链接] iPhone 6 plus截图 启动项目 {代码...} {代码...} {代码...} Build IOS 1.打包js文件,执行以下命令 {代码...} 2.启动Xcode: {代码...} Buil...
新版React Native 混合开发(iOS篇)
在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由React Native实现的,这种开发模式被称为混合开发。
2020-09-19
React Native Vs. Xamarin Vs. Ionic Vs. Flutter
While developing Native Mobile Apps, Android apps are written in Java, and iOS ones in Swift and Objective-C. No doubt, this approach delivers apps that are flawless and high performing. But, the development path this approach follows is quite time-consuming and expensive because the same code mu...
在 React Native 中使用 Image Zoom Viewer 添加捏合缩放功能
放大图像可以大大增强用户体验,使用户能够详细检查图像。在本指南中,我们将探讨如何使用 react-native-image-zoom-viewer 库结合 react-native-image-progress 和 react-native-fast-image 在 React Native 应用中实现捏合缩放功能。
2024-07-28
1000 千米高空俯瞰 React Native
Create native apps for Android and iOS using React:用 React 创建 Android、iOS 应用
react-native 环境
第一次接触 react native 就卡在装环境了,环境装不上一切都完蛋,所以在此记录一下; 引言 React Native是Facebook开源的,在Javascript和React的基础上构建原生的Android和IOS应用的平台。 ReactNative的文档地址有多个,如果你英文够好,就去研读官方文档吧, 如果读原文比较吃力,中文文档也是不错的选择。 开发工具...
关于React Native报Cannot access ‘serviceOf‘的解决方案
最近,使用0.68.0版本的React Native构建项目后,在运行项目的时候,突然给报了一个Cannot access 'serviceOf': it is internal in 'org.gradle.configurationcache.extensions' 的错误,报错日志如下。
2022-04-08
react native 整合极光推送(Android)
最近项目中需要用到通知,综合比较决定使用极光推送,看了看网上的教程好像都没有一个整合好的例子,或者是步骤有些问题,自己也折腾了很长时间,在此把极光推送配置的步骤整理一下,提供给各位有需要的朋友
react-native高仿微信app实例|RN聊天室|朋友圈
react native实现的仿微信原生app聊天实例,基于react-native+react-navigation+react+redux+react-native-image-picker+react-native-swiper等技术架构开发。实现了消息发送、textInput文本框插入表情符、表情大图gif、图片选择预览、红包、朋友圈等功能。
react-native-camera 遇坑笔记
在 react-native(android 端)使用react-native-camera 参考文档 官方文档 react native 增加 react-native-camera bug1: Could not find method google() -解决方案 bug2: Could not find method compileOnly() -解决方案 环境说明 系统: ubuntu Andriod Studio: 3.4 jdk: 1.8 sdk: 26.0.1 react-native: 0.55.4 react...
react-native 初学记
1 安装react-native-cli npm install react-native-cli -g 2 创建项目,需要一些时间 {代码...} 3、cd demo 4、react-native run-android 5 本地访问这个页面:[链接]:8081/index.android.bundle?platform=android,结果如下所示,代表成功:
Could not find iPhone 6 simulator
老项目是一年前的当时项目的的版本时还是0.57,期间工作电脑的系统版本升级到了10.14.6, XCode的版本也升级到了10.3,使用如下命令可以查看当前项目的具体环境信息:
使用React Native开发桌面应用
React Native是Facebook技术团队于2015年4月在早先的React前端框架基础上开源的一套移动跨平台开发框架,可以同时支持iOS和Android两大移动平台。那有人会问,除了可以开发移动跨平台应用,那能不能使用React Native开发桌面客户端应用呢?答案是肯定的。
React Native二维码生成组件
React Native二维码生成组件:react-native-qrcode,纯JS组件,支持安卓和IOS双平台,支持中文和英文,可以自定义尺寸、前景色和背景色。
比较 React Native UI 库
React Native 用于使用 JavaScript和React构建跨平台移动应用程序。自2015年首次发布以来,该库已经发展壮大,并在移动开发者社区中得到了广泛的应用。
React-Navigation 5.X的配置
react-native-reanimated 是动画库性能很好,使用组件来实现的。react-native-gesture-handler 跨平台的手势库。react-native-screens 实现了Android和ios的screen原生组件。react-native-safe-area-context 适配异性屏幕。@react-native-community/masked-view 堆栈式导航器所依赖的库。
2020-07-02
RN 项目调试时相关的指令和报错解决方案
打包检测命令npx react-native run-android --variant=releaseandroid 端打包之前要先执行yarn bundle-android命令,生成新的 bundle清除缓存的相关命令按顺序执行前三条即可Clear watchman watches: watchman watch-del-all.npm cache clean --forceyarn start --reset-cache //yarn start -- --reset-cacheiOS端报错以...
2024-09-26