如何在react-native中从本机库设置可滑动列表中隐藏行的样式？

Question

自定义样式不想应用于隐藏行中的Button组件。

尝试了不同的flexbox属性以使其正常运行，但似乎不起作用。

这是列表代码：

<List
      ...
      renderRightHiddenRow={data =>
        <View style={styles.buttonContainer}>
          <Button style={styles.button} success transparent small onPress={()=>handleStatusUpdate(data.key, 'new')}>
            <Text style={styles.buttonText}>Open</Text>
          </Button>
          <Button style={styles.button} success dark transparent small onPress={()=>handleStatusUpdate(data.key, 'closed')}>
            <Text style={styles.buttonText}>Close</Text>
          </Button>
          <Button style={styles.button} info transparent small onPress={()=>handleStatusUpdate(data.key, 'assigned')}>
            <Text style={styles.buttonText}>Assign</Text>
          </Button>
        </View>}
...
        />}

const styles = StyleSheet.create({
  listContainer: {
    width: "100%"
  },
  buttonContainer: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    margin: 0,
    padding: 0

  },
  buttonText: {
    fontSize: 10,
    padding: 0,
    margin: 0,
    alignSelf: 'flex-end'
  },
  button: {
    padding:0,
    margin: 0,
    alignSelf: 'flex-end',
    alignItems: 'flex-end',
    justifyContent: 'flex-end'
  }
});

和样式（只是随机一点，但试图使它们正确对齐）

由于某种原因，它看起来像这样：

http://lifebox.mobi/twB0mxp