小编Sai*_*aha的帖子

react-native-draggable-flatlist 在 ScrollView 中不起作用

在过去的几个月里,我一直在努力实现一个要求,即我在单个滚动视图中有一个可拖动的平面列表和一个平面列表,我应该能够滚动整个内容。

可拖动的平面列表也应该具有自动滚动功能,这意味着当列表太长而我试图将其拖出视口时,除非我将其放下,否则列表应自动滚动。

我知道这个要求非常棘手,但我没有得到任何让它完全工作的线索。

我正在使用以下代码,并且为此目的使用了“react-native-draggable-flatlist”(https://github.com/computerjazz/react-native-draggable-flatlist)。

代码:

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
  TouchableOpacity
} from 'react-native';

import {
  Header,
  LearnMoreLinks,
  Colors,
  DebugInstructions,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import DraggableFlatList from 'react-native-draggable-flatlist'
import { Component } from 'react'

const exampleData = [...Array(20)].map((d, index) => ({
  key: `item-${index}`, // For example only -- don't use index as your key!
  label: index,
  backgroundColor: `rgb(${Math.floor(Math.random() * 255)}, ${index *
  5}, ${132})`
}));

class App extends Component {
  state …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-redux react-native-draggable-flatlist

8
推荐指数
1
解决办法
2027
查看次数

使用react-native为iPad/平板电脑启用横向模式

我正在研究一个要求,其中移动设备仅支持纵向模式,而平板电脑/iPad同时支持纵向和横向模式,我不确定如何使用react-native来实现该要求

javascript mobile android ios react-native

6
推荐指数
1
解决办法
947
查看次数

在两个可拖动的 Flatlist 之间拖放 - React Native

我正在努力为我的 React-Native 应用程序创建一个要求,其中我有一个空白的保管箱(在放置平面列表项目时,它应该转换为可拖动的平面列表)和一个可拖动的平面列表,我必须将其拖放到空白处保管箱,反之亦然。

两个平面列表中的项目应该有一个单击的右侧菜单,其中应该显示一个选项,用于将项目移动到另一个平面列表。

我知道这是一个非常常见的场景,但由于我对 React-Native 还很陌生,所以我正在努力获取任何库或自己创建相同的库。

我正在将 React-Native 与 Redux 和 Typescript 结合使用

我正在使用react-native-draggable-flatlist作为Flatlist(https://github.com/computerjazz/react-native-draggable-flatlist),请告诉我是否有更好的选择

javascript user-interface react-native react-native-flatlist react-native-draggable-flatlist

5
推荐指数
1
解决办法
6171
查看次数

React-Native 应用程序的可折叠和可拖动部分列表

我需要实现可折叠的 sectionList 以及可拖动的可折叠标题。问题是我必须在使用 sectionList 作为列表视图的现有代码上实现可折叠和可拖动功能,如果有人可以帮助我提供任何代码或建议,那将会很棒,因为我是 React-Native 的新手并且发现它非常现阶段困难

mobile draggable collapse react-native react-native-sectionlist

2
推荐指数
1
解决办法
2471
查看次数