首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Web大前端

    React Native跨平台开发实战:从零到一

    首先安装: npm install @react-navigation/native npm install react-native-reanimated react-native-gesture-handler 动画 使用react-native-reanimated库实现动画: npm install react-native-reanimated在组件中添加动画效果: import React from 'react'; import { Animated, View, Text } from 'react-native'; import { interpolate } from 'react-native-reanimated

    1.9K10编辑于 2024-06-02
  • 来自专栏前端笔记薄

    React-native组件库列表

    官网 https://software-mansion.github.io/react-native-gesture-handler/ 权限获取 react-native-permissions 动画 react-native-reanimated

    2.2K20编辑于 2022-12-27
  • 来自专栏无限可能的程序开发

    React Native项目设置路径别名

    metro-react-native-babel-preset'], plugins: [ ['@babel/plugin-proposal-decorators', { legacy: true }], // mbox // ['react-native-reanimated

    1.1K20编辑于 2023-10-16
  • 来自专栏有困难要上,没有困难创造困难也要上!

    react-native导航组件

    react-navigation/stack $ npm install react-native-gesture-handler react-native-pager-view react-native-paper react-native-reanimated

    1.1K10编辑于 2024-06-17
  • 来自专栏不知非攻

    tailwind 的生态太强了,连 React Native 都支持

    www.nativewind.dev/v4/getting-started/react-native 首先,我们需要在项目中安装如下依赖 yarn add nativewind@^4.0.1 yarn add react-native-reanimated module.exports = { presets: ['module:@react-native/babel-preset', "nativewind/babel"], plugins: ["react-native-reanimated

    3.3K10编辑于 2024-07-12
  • 来自专栏前端开发随笔

    Rn使用@react-navigation/native配置页面路由以及导航栏

    reactnavigation官方文档 依照文档说明需要安装以下依赖 npm install @react-navigation/native npm install react-native-reanimated

    3.9K20发布于 2021-07-01
  • React Native 导航:深入研究导航库

    这里是一个快速指南:npm install @react-navigation/nativenpm install react-native-reanimated react-native-gesture-handler

    2.8K00编辑于 2024-01-27
  • 来自专栏愧怍的技术学习与分享

    React Native 开发心得分享

    react-native-reanimated RN 动画库,没啥好说的。 以上组件库可以说基本必装,能为 RN 应用使用体验提升一个档次。 这种效果可以使用监听 ScrollY 配合 react-native-reanimated 动画来实现,如果你不想自己实现也可以看看 @codeherence/react-native-header,上图便来自此库

    2.5K31编辑于 2024-05-15
  • 来自专栏超级码力

    React Native 性能优化指南

    4、 使用 react-native-reanimated 和 react-native-gesture-handler 视频教程:https://www.youtube.com/channel/UC806fwFWpiLQV5y-qifzHnA react-native-gesture-handler 文档:https://github.com/software-mansion/react-native-gesture-handler react-native-reanimated 文档:https://github.com/software-mansion/react-native-reanimated 这两个库是被 Youtube 一个自由软件开发者博主 ? 所以说,如果要用 React Native 构建复杂的手势动画,使用 react-native-gesture-handler 和 react-native-reanimated,是一个不错的选择,可以大幅度提高动画的流畅度

    6.5K200发布于 2020-07-09
  • 来自专栏超级码力

    🤯 没 2 年 React Native 开发经验,你都遇不到这些坑

    如果你想构建性能更高的动画,还得学习 react-native-gesture-handler[13]、react-native-reanimated[14] 等第三方库的 API,学习成本直线飙升。

    5.7K20发布于 2021-09-29
  • 来自专栏正则

    使用umi开发react-native应用

    需要 react-native 0.60.0 及以上版本(>=0.60.x) 安装所有react-navigation的依赖到 RN 工程本地: yarn add react-native-reanimated

    8.3K30发布于 2021-11-02
  • 来自专栏终身学习者

    React Native 导航:示例教程

    react-navigation/drawer 包: 接下来,我们将使用 npx expo install 安装依赖项: npx expo install react-native-gesture-handler react-native-reanimated

    4.9K10编辑于 2024-02-19
  • 来自专栏前端壹栈

    怎么理解React Native的新架构?

    react-native-mmkv https://github.com/mrousavy/react-native-multithreading https://github.com/software-mansion/react-native-reanimated

    2.5K20发布于 2021-09-17
  • 来自专栏即时通讯技术

    鸿蒙NEXT时代你所不知道的全平台跨端框架:CMP、Kuikly、Lynx、uni-app x等

    而对于 Lynx 主要的技术特点在于:1)「双线程架构」,思路类似 react-native-reanimated ,JavaScript 代码会在「主线程」和「后台线程」两个线程上同时运行,并且两个线程使用了不同的

    1.8K11编辑于 2025-07-16
领券