如何在react native中的Webview底部显示按钮

Question

在我的组件(PrivacyPolicy.js(中，我有一个页眉视图、一个web视图和一个页脚视图。根据大小的不同，web视图可以滚动。我的问题是页脚视图显示在屏幕的底部，就像它的样式是"；位置："绝对"；因此它在滚动时保持显示。我需要在所有的网络视图显示后拥有它。

<View style={styles.main_container}>
<View style={styles.header_container}>
...
</View>
<WebView originWhitelist={['*']} source={{ html: privacyPolicyContent }}/>
<View style={styles.footer_container}>
<CheckBox
disabled={false}
value={this.state.isChecked}
onValueChange={(newValue) => this.setState({
isChecked: newValue
})}
style={styles.checkbox}
tintColors={{ true: '#157dfa' }}
/>
<Text style={styles.checkbox_text}>I have read and accept the Privacy Polic</Text>
</View>
</View>

我的风格：

const styles = StyleSheet.create({
main_container: {
flex: 1,
paddingHorizontal:'5%'
},
header_container: {
height: scale(90),
flexDirection: 'row',
marginLeft: 10
},
checkbox_container: {
flexDirection: 'row'
},
checkbox: {
marginLeft: -5,
},
checkbox_text: {
marginTop: 8,
fontSize: 10
}
})

Answer 1

我可以看到一些建议：

由于您的按钮是React Native按钮=>您可以根据滚动Y位置显示/隐藏。为此，您需要通过Bridge进行通信，以相应地调度事件。

作为替代解决方案=>您可以在Webview上创建按钮，使其本身具有相同的功能。