前端

React Native学习之RN与iOS原生通信

React Native学习之RN与iOS原生通信

iOS 平台开发语言分为:Objective-C和Swift,目前 React Native 只能与Objective-C代码交互,与Swift代码交互必须先与Objective-C交互,再通过Objective-C与Swift交互,由于Swift的某些先进特性,这种方式的混合开发完全是值得的,并不

Joe.Ye Joe.Ye 2023-02-25
0 0 0
在Windows上运行React Native官方项目f8app(适配Android)

在Windows上运行React Native官方项目f8app(适配Android)

F8 App 简介 Facebook 在 2016 年的 F8 大会上开源了 F8 App,这是使用React Native开发的,毫无疑问这是一个特别棒的React Native的学习模板。 项目地址:https://github.com/fbsamples/f8app 运行 F8 App 需要

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之RN调用原生UI组件方法

React Native学习之RN调用原生UI组件方法

实例1:原生控件,通过属性调用原生控件的方法,实现跑马灯效果 实例2:组合控件,通过属性调用组合控件的方法,实现选中状态效果 注:React Native中没有CheckBox组件 FocusedTextViewManager.java public class FocusedTextView

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之RN调用原生UI组件

React Native学习之RN调用原生UI组件

React Native已经封装了大部分最常见的组件,譬如ScrollView和TextInput,但不可能封装全部组件。而且,说不定你曾经为自己以前的App还封装过一些组件,React Native肯定没法包含它们。幸运的是,在React Naitve应用程序中封装和植入已有的组件非常简单。 首先

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之RN与原生通信

React Native学习之RN与原生通信

React Native与原生通信,本文适配Android原生与RN的混合开发 实例一:页面跳转 RN触发Android原生的方法:(启动一个新的原生界面Activity)界面切换 开启意图一定要添加语句: intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之调用原生方法的步骤

React Native学习之调用原生方法的步骤

React Native调用原生的方法,本文适配Android原生与RN的混合开发,步骤如下: (1)使用 Android Studio 打开一个已存在的项目,选择RN项目中的android/build.gradle文件 (2)在Android原生这边创建一个类继承ReactContextBaseJ

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之运行官方项目UIExplorer (Android & iOS)

React Native学习之运行官方项目UIExplorer (Android & iOS)

UIExplorer 官方:https://github.com/facebook/react-native/tree/master/Examples/UIExplorer Android环境运行UIExplorer 克隆 ReactNative 项目 git clone https://githu

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之PanResponder手势识别

React Native学习之PanResponder手势识别

PanResponder基本介绍 PanResponder:平底锅的响应者。PanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作,也可以用于识别简单的多点触摸手势。 React Native 框架底层的手势响应系统提供了响应处理器,PanRespon

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之定时器与手机定位Geolocation API

React Native学习之定时器与手机定位Geolocation API

定时器 定时器API:setTimeout、setInterval、setImmediate、requestAnimationFrame跟浏览器中的一致 setTimeout:设置定时任务,隔多久去执行 setInterval:设置循环执行的任务,每隔多久循环执行一次 setImmediate:

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之开源组件react-native-camera

React Native学习之开源组件react-native-camera

react-native-camera:A Camera component for React Native. Also supports barcode scanning! 支持二维码扫描,类似原生Android Zxing google 安装组件 npm install react-nati

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之CameraRoll API

React Native学习之CameraRoll API

CameraRoll 模块提供了对手机中保存的图片、视频文件进行遍历访问与操作。提供两个静态方法:getPhotos和saveToCameraRoll / saveImageWithTag getPhotos 可以得到手机中所有的图片和视频(不仅仅是使用摄像头拍摄的照片、视频,还有各个应用自己下载到

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之网络状态与数据交互API

React Native学习之网络状态与数据交互API

NetInfo网络连接状态 获取网络状态是异步的,使用js的Promise机制 Android平台的网络连接类型状态如下: 1). NONE:设备没有网络连接 2). BLUETOOTH:蓝牙数据连接 3). DUMMY:虚拟数据连接 4). ETHERNET:以太网数据连接 5). MOBIL

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之ActionSheetIOS API

React Native学习之ActionSheetIOS API

需求:分享和弹出多项选择操作!在IOS开发中,ActionSheet提供了这样的功能,而React Native同样封装了该功能,那就是ActionSheetIOS 提供了两个静态方法:showActionSheetWithOptions和showShareActionSheetWithOption

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之日期时间

React Native学习之日期时间

日期、时间选择器: Android 采用api的形式实现 iOS 采用组件的形式实现 DatePickerAndroid与TimePickerAndroid DatePickerAndroid 打开一个标准的Android日期选择器的对话框 static open(options: Objec

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之安装Nuclide与AlertIOS API

React Native学习之安装Nuclide与AlertIOS API

Nuclide 安装Mac下React Native的开发工具Nuclide FaceBook官方推荐:Nuclide 只支持Mac,基于Atom(Github的)(Atom最大的特色就是可以安装很多的插件来完成我们的需求)炫酷插件。 Atom:https://atom.io/ Nuclide:h

Joe.Ye Joe.Ye 2023-02-25
0 0 0
1 13 14 15 16 17 20