在过去的几个月里,我一直在努力实现一个要求,即我在单个滚动视图中有一个可拖动的平面列表和一个平面列表,我应该能够滚动整个内容。
可拖动的平面列表也应该具有自动滚动功能,这意味着当列表太长而我试图将其拖出视口时,除非我将其放下,否则列表应自动滚动。
我知道这个要求非常棘手,但我没有得到任何让它完全工作的线索。
我正在使用以下代码,并且为此目的使用了“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
我正在研究一个要求,其中移动设备仅支持纵向模式,而平板电脑/iPad同时支持纵向和横向模式,我不确定如何使用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
我需要实现可折叠的 sectionList 以及可拖动的可折叠标题。问题是我必须在使用 sectionList 作为列表视图的现有代码上实现可折叠和可拖动功能,如果有人可以帮助我提供任何代码或建议,那将会很棒,因为我是 React-Native 的新手并且发现它非常现阶段困难
mobile draggable collapse react-native react-native-sectionlist
react-native ×4
javascript ×3
mobile ×2
react-native-draggable-flatlist ×2
android ×1
collapse ×1
draggable ×1
ios ×1
react-redux ×1
reactjs ×1