chevron_left

React Native 实践教程

免费
第 4.9 回

教程文档

React Native 实践教程 - 展开更多:react-native-collapsible、react-native-linear-gradient

2023年11月23日
React Native 实践教程

展开更多:react-native-collapsible、react-native-linear-gradient

这里需要两个组件

  • react-native-collapsible(展开动画)
  • react-native-linear-gradient(半透明遮挡)

安装

yarn add react-native-collapsible react-native-linear-gradient

iOS 下

npx pod-install

Android 下

当前版本无需特别处理

使用

import React, { useState } from 'react';
import { Dimensions, StyleSheet, View, Text, TouchableOpacity } from 'react-native';
import Collapsible from 'react-native-collapsible';
import LinearGradient from 'react-native-linear-gradient';
...

课程介绍

「长乐未央」出品的 React Native 开发教程。

课程中使用 React Native 0.64.2 + React Navigation 6.x「新版」

使用 JavaScript 的 React 框架,来创建 iOS 和 Android 原生应用。

目录

适合这样的人

新手