React Native-ScrollView底部带有粘性按钮

Question

我想滚动视图并始终在底部有一个粘性按钮。

所以要求是：

1. ScrollView中包含项目。
2. 固定的按钮与滚动视图重叠，位于 最低位置
3. 滚动视图，需要将按钮 始终在屏幕底部。
4. 粘滞按钮始终 可见

这是我的代码：

        <ScrollView >
                <TouchableOpacity s>
                    <Image source={..)} />
                </TouchableOpacity>
                <TouchableOpacity>
                    <Image source={..)} />
                </TouchableOpacity>
                <TouchableOpacity>
                  <Image source={..)} />
                </TouchableOpacity>
            </ScrollView>
            <View style={styles.fabMenuStyle}>
              <Image source={..)} />
              <Image source={..)} />
              <Image source={..)} />
            </View>

fabMenuStyle: {
    flexDirection: 'row',
    position: 'absolute',
    bottom: 5,
    justifyContent: 'center'
}

问题是我可以将按钮视图放置在ScrollView的底部，但我需要使按钮视图始终在底部可见，而不仅仅是在ScrollView的末尾。 / p>

Answer 1

您好，只需将这种样式用于fabMenuStyle：

fabMenuStyle: {
    flexDirection: 'row',
    flex:1
    justifyContent: 'center',
    alignItems:'flex-end'
}