前言React Native中提供弹出对话框的api有两个——Alert与AlertIOS，前者在Android平台和IOS平台通用，后者只能适用于IOS平台。既然Alert双平台通用，为何还需要AlertIOS？主要是由于AlertIOS功能更丰富一些。Alert可弹出一个提示对话框，包含对应的标题和信息，该弹出框可以提供一系列的可选按钮（Android中最多三个），点击任何一个按钮都会调用on
转载
2024-01-29 05:15:00
70阅读
类似于苹果手机的弹出效果，动画很流畅，效果如图所示：http://www.jianshu.com/p/36ec413f7098
效果图
分析实现过程 1.设置应用到的组件状态this.state = {
isShow: false,
inputText: '',
opacityAnimationValue: new Animated.Value(0),
转载
2024-01-07 16:35:00
132阅读
import React from 'react';import { Text, View, StyleSheet, Picker, Button,} from 'react-native';export default class App extends React.Component{
原创
2022-06-06 18:14:28
557阅读
简述 要实现性别选择需要使用两部分的技术： 第一、是自定义弹出框； 第二、单选框控件使用； 效果 实现 一、配置弹出框 弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-
原创
2022-01-25 17:45:03
498阅读
简述 要实现微信性别选择需要使用两部分的技术： 第一、是自定义弹出框； 第二、单选框控件使用； 效果 实现 一、配置弹出框 弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-
原创
2022-02-14 14:36:27
256阅读
import React from 'react';import { Alert,Button,View,Text,TouchableOpacity,StyleSheet} from 'react-native';export default class App extends React.Component{
原创
2022-06-06 18:16:16
867阅读
组件名称：Alert、AlertIOS 具体代码如下 /*弹出层测试*/
import React,{Component} from 'react';
import {
StyleSheet,
View,
Image,
Tex
原创
2016-08-12 16:38:42
1190阅读
任何位置调用方法 弹出消息条 可传入组件或字符串 和显示时长。
原创
2023-02-14 09:22:42
386阅读
因项目需要，自己动手实现了一个下拉框组件，最近得空将控件独立出来开源上传到了Github和npm。Github地址（求Star 求Star 求Star ?）：https://github.com/sohobloo/react-native-modal-dropdownGithub上全英文的readme方便国际友人，这里就写个中文的吧。 react-native-mod
转载
2023-09-05 18:14:43
144阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
我在前面也写了一篇关于键盘遮挡问题的解决方案，这次的原理也差不多，不过在后续的研究中发现官方给了一个有意思的组件叫 KeyboardAvoidingView。然后就动手去试了一试，然而效果并不好！具体用法可以参考这里：点击打开链接不过随着RN的更新，这个官网肯定会解决的，但是在官方还没填坑前，还是得自己动手解决啦。其实原理是要获取到键盘的高度和输入框的位置，然后去计算偏移位置就可以了。那么今天这篇
用 react-native 开发一个如下图所示的可滑动翻页的菜单集合： 菜单可以滑动翻页，是不是特别像是轮播图呢？先配置菜单menu.js: export const menus = [
{
name: '用户管理', // 菜单名称
icon: assets.service_user, // 菜单图标
routerName: 'userManage', // 跳转页面
转载
2024-01-03 07:41:48
95阅读
在本章中，我们将了解如何创建自定义 Alert 组件。
步骤1 - App.js代码
import React from 'react'
impor...
原创
2023-11-01 16:07:21
248阅读
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
447阅读
2评论
React Native
转载
2023-02-07 17:29:30
198阅读
React Native
RN
React Native ## React Native 中文文档> 0.59https://reactnative.cn/docs/
转载
2016-08-18 22:35:00
263阅读
React Native尽量阅读官网文档，会有翻译错误和文档内容缺失
android开发react native组件和工具动画Animation/react native写的
开源项目学习
转载
2019-11-28 23:39:00
238阅读
2评论
