如何在本机反应中显示滚动视图项目的阴影

Question

我正在使用 native-base 的内容进行滚动，并且我希望在滚动时在底部有一个固定按钮。如何在滚动视图项目上显示固定按钮的阴影 like this。

但我实现的是这个

我的代码

    <Container>
      <Content>
       ...
      </Content>
      <View style={styles.footer}>
        <Button style={styles.footerBtn}>
          <Text>{strings('consultant_profile.book_an_appointment')}</Text>
        </Button>
      </View>
</Container>

//Css
footer: {
    padding: 20,
    shadowColor: '#000',
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.23,
    shadowRadius: 2.62,
    elevation: 4,
  },

Answer 1

尝试在按钮样式中添加以下样式：

shadowColor: "#000",
shadowOffset: {
    width: 0,
    height: 2,
},
shadowOpacity: 0.23,
shadowRadius: 2.62,
elevation: 4

如果它不起作用，请分享更多您的组件代码，以便更容易尝试帮助您。