51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

react native 滑动屏幕容器跟着变化 react native 左右滑动
由于前段时间写了一个React-Native的项目Mung，里面有一个图片浏览的功能，一般图片浏览都需要放大缩小和左右滑动，后来找了两个这方面比较好的控件react-native-gallery和react-native-image-viewer，但他们都有些问题，要不就卡顿，要不就滑动效果不会，这个其实跟React-Native触摸机制有关系，文章后面会提一下，后面就放弃了放大缩小的功能，实现左
javascript
ViewUI
控件
.net
图片浏览
转载
bingfeng
2024-05-11 12:40:49
326阅读

react native iOS 侧滑返回 react native 左右滑动
ReactNative开发——滑动组件环境window android react-native 0.45ScrollView介绍ScrollView是一个可以滑动的组件,它内部可以是一个高度不受控制的View,但它自身必须要有个固定的高度。这里如果我们不给直接他设置高度，它的上层空间有固定高度的话也是可以的。<ScrollView> VS <FlatList>我们应该选择
react-native
Text
软键盘
数据
转载
laokugonggao
2024-07-30 23:24:55
94阅读

react native ios 右滑 react左右滑动组件
序言：      年后入职了一家新公司，与前同事交接完之后，发现公司有一个四端的项目（iOS，Android，H5，小程序），iOS和安卓都实现了左滑右滑的效果，而h5和小程序端没实现，询问得知前同事因网上没找到对应的插件相关博客也比较少，加上公司任务比较紧，所以没做就搁置下来了。movable-view来实现，自己尝试来一下发现可行，于是来写这篇博客记录一下，希望能
react native ios 右滑
数组
taro
赋值
转载
jkfox
2024-01-05 21:46:28
134阅读

react开发ios用onscroll滑动不灵敏 react native 滑动切换
写在前边本文主要介绍如何实现滑动切换及遇到的问题，具体组件代码点这 如果你需要的是轮播图，这里有两个轮子react-slick、nuka-carousel 原生DOM操作，非React框架下也能使用实现效果我们想实现触摸切换无非是做以下三件事监听触摸事件判断用户当前操作是否是切换进行页面切换获取触摸事件如果你不了解触摸事件可以先看触摸事件 要想监听触摸事件整个流程需要监听以下三个事件let lis
移动端滑动
Touch
滑动切换
触摸事件
偏移量
转载
mob64ca1402d47a
2024-01-29 01:42:53
111阅读

reactnative IOS选择框 react native 滑动菜单
用 react-native 开发一个如下图所示的可滑动翻页的菜单集合： 菜单可以滑动翻页，是不是特别像是轮播图呢？先配置菜单menu.js: export const menus = [ { name: '用户管理', // 菜单名称 icon: assets.service_user, // 菜单图标 routerName: 'userManage', // 跳转页面
reactnative IOS选择框
javascript
reactjs
前端
react native
转载
langrisser
2024-01-03 07:41:48
95阅读

react native ios从右向左滑动返回
在使用 React Native 开发 iOS 应用时，遇到从右向左滑动返回的问题是比较常见的。这种情况通常会影响用户体验，特别是当应用的使用习惯与 iOS 的默认行为相悖时。本文将详细记录解决该问题的过程，并从备份策略、恢复流程、灾难场景等多个维度进行分析和实践总结。 ### 备份策略 为确保开发过程中的数据安全与存储有效，我采用了以下备份策略： 1. **思维导图**：对备份流程进行了整
bash
sql
iOS
原创
mob64ca12d80f3a
6月前
48阅读

react native中ios滑动手势监听
react监听页面滚动事件：window.addEventListener的scroll无效在react项目中需要通过监听页面滚动高度，控制页面样式动态展示，所以在网上找了以后其他案例发现监听无效，代码如下：//在componentDidMount，进行scroll事件的注册，绑定一个函数，让这个函数进行监听处理 componentDidMount() { window.addEventLis
react.js
javascript
转载
数据分析家
1月前
345阅读

javascript 左右滑动 jquery左右滑动效果
分享一款基于脚jQuery左右滑动切换特效。这是一款鼠标点击左右箭头按钮图片滚动切换，鼠标移到图片上显示透明边框特效。效果图如下：实现的代码。html代码：<div class="bodyCon08"><!--学员--> <div class="students">
javascript 左右滑动
jquery
焦点图
html
css
转载
level
2023-06-14 15:49:37
664阅读

[React Native] Dismiss the Keyboard in React Native
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
ide
[React Native]
转载
mob604756e72afd
2018-01-15 00:55:00
546阅读
2评论

react native架构 react native navigator
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
react native架构
导航栏
List
Text
转载
mob64ca1418aeab
2024-05-18 22:24:15
197阅读

android react native交互 react native
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
react.js
架构
react native
JSON
数据传递
转载
数据挖掘者
2023-11-23 17:32:27
171阅读

react native swift react native swiftui
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
react native swift
应用程序
桥接
自定义
转载
数据探索者11
2023-11-13 09:17:04
256阅读

android 左右滑动分栏 android左右滑动切换
手机进入智能机时代，触摸屏也已成为主流之势，原来的手机按键也被屏幕点触取代，滑动屏幕操作则相对屏幕点击更能获得用户的青睐，习惯了各种浏览器的鼠标手势、pad等平板的切滑、类似iReader的软件丰富的手势后，是不是也想自己的软件能够用食指炫起来呢，下面就让我们来看看android的手势操作吧 先介绍下左右滑动切换Activity，对于复杂的手势原理一样，具体后述。主要原理为监控触屏事
android 左右滑动分栏
移动开发
java
ci
Java
转载
IT智行者
2024-07-20 17:25:02
83阅读

Android 滑动左右关联 android左右滑动切换
大家看到微信首页切换效果有没有觉得很炫，滑动切换，点击底部bar瞬间切换，滑动切换渐变效果，线上效果图：     之前也在博客上看到别人的实现，再次基础上，我做了些优化。首先说下实现原理，大神略过，o(╯□╰)o    页面上看到的三个页面是三个Fragment, 左右滑动使用viewpager,相信大家也都是这么再用，那么底部用的是什么技术呢，底
Android 滑动左右关联
ico
初始化
布局文件
转载
笑傲江湖求败
2024-06-14 17:17:30
53阅读

android 导航 左右滑动 android 左右滑动界面
首先上效果图：为了我表述方便，我将上图的显示区域进行标识，如下图：上图中的左右箭头表示用户手势的方向和位置，当我们在View1的箭头位置进行手势时可以实现左右滑动的界面切换效果，但是在View2的箭头位置进行手势时无法被识别到，如果在View1中还有其它的控件，如按钮，也同样会出现这样的问题，为什么？怎么解决？其实原因也很简单，大家也可以猜得到，就是，View2中的TextView控件将Touch
android 导航 左右滑动
android
优化
float
class
转载
烂漫树林
2023-12-11 15:21:04
148阅读

Jquery左右滑动展示 jquery左右滑动效果
jquery实现左右点击滑动前端养成记：最近做的老项目，涉及到的一个简单的小功能，但是我这样的前端菜鸟还是费了一些功夫的，所以这里记录一下，以免日后忘记。一、首先看下效果吧 这个是效果图，这个地方只能显示2个产品，然后可以点击左右滑动，来控制渲染。二、HTML代码这是一个div容器，代码是放在它里边的。 <div class="border-gb-title" id="tjcp">推
Jquery左右滑动展示
java
javascript
jquery
List
转载
lanhy
2023-06-16 01:22:36
714阅读

[React Native] Installing and Linking Modules with Native Code in React Native
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
ide
javascript
ios
android
perl
转载
mob604756e72afd
2017-02-16 02:28:00
447阅读
2评论

React Native
React Native 
Text
iOS
HTML
转载
小怡情ifelse
2023-02-07 17:29:30
198阅读

react native 封装axios react native zindex
1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案： 尽量改变组件的顺序，而不用zIndex 尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。 issues: https://github.com/faceb
Image
Text
ci
转载
mob64ca14068b0b
2024-08-29 12:17:26
128阅读

react native ios回退 react native desktop
兜兜转转，不少开发者还是发现 React Native 的真相定律。日前，国外知名聊天软件 Discord 于官方博客上发布了一则《Android 版本 Discord 激动人心的更新》公告。在公告中，Discord 指出，其将在未来几周内改进 Android 版本的应用程序，具体包括通过跨 Android、iOS 和桌面端的集中式简化应用开发流程，实现跨平台的功能一致性。图源：Discord 官
react native ios回退
java
python
android
编程语言
转载
mob64ca140d2323
2023-10-27 09:29:02
80阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

ios native跳转 react 苹果 react native

react native java react native javascript语法

React Navigation & React Native & React Native Navigation

android屏幕滑动左右滑动 安卓全屏左右滑动返回

react native

react native 启动android react native desktop

iOS native react 证书 react native教程

React Native Android使用 react native 应用

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯