反应原生可排序列表

Question

为什么列表中的项目不会水平拉伸？ 我该如何解决这个问题？

React Native 0.44

React Native可排序列表（https://github.com/gitim/react-native-sortable-list）

Android模拟器

Answer 1

我刚刚通过将包装器组件的样式设置为正在运行的设备的屏幕宽度来解决此问题。这也是在插件的示例中完成的：

https://github.com/gitim/react-native-sortable-list/blob/master/examples/Basic/index.js

首先，您需要导入维度：

 toDelete = []
 for i in range(len(totalMatrix)): # or np.size(totalMatrix[:, 0])
     for j in range(10):
         if totalMatrix[i,j] == -1 : 
             toDelete.append(i)
 totalMatrix = np.delete(totalMatrix, i, axis=0)

获取对窗口的引用：

import { Dimensions } from 'react-native';

然后定义一个样式作为我目前正在使用的示例：

const window = Dimensions.get('window');

将样式指定给行组件的渲染方法中的top元素：

function itemWrapper(){
    return {
        height: 70,
        width: window.width,
        flexDirection: 'row',
        alignItems: 'center',
        backgroundColor: '#fff',
        marginTop: 5,
        opacity: 1,
    }
}

Animated.View现在应该延伸到屏幕的末尾及其内容。