无涯教程网

Javascript React Native ScrollView 动态页脚

发布于03月23日

如何生成本地滚动视图页脚.如果内容比屏幕小，屏幕底部应该有一个按钮；如果较大，则按钮应位于内容后面的最底部

我这样做了，但是如果没有足够的内容，那么按钮就会打开

<ScrollView>

    <Text>asdasd</Text>

    <Button text="Next" />

</ScrollView>

如果是这样的话，那就一直坐在滚动条下面，按下按钮，但我也需要按下按钮

<View>
    <ScrollView>

        <Text>asdasd</Text>

    </ScrollView>

    <Button text="Next" />
</View>

推荐答案

这是我找到的解决方案

<ScrollView>
    <View style={{ minHeight: height - buttonHeight - safeAreaView }}>
        <Text>Content</Text>
    </View>
    <Button text="Next" />
</ScrollView>

Javascript相关问答推荐

JS生成具有给定数字和幻灯片计数的数组子集

如何修复内容安全策略指令脚本-SRC自身错误？

useNavigation更改URL，但不呈现或显示组件

从WooCommerce Checkout Country字段重新排序国家，保持国家同步

Snowflake JavaScript存储过程返回成功，尽管预期失败

Promise Chain中的第二个useState不更新

如何通过使用vanilla JS限制字体大小增加或减少两次来改变字体大小

如何在coCos2d-x中更正此错误

如何在使用rhandsontable生成表时扩展数字输入验证？

如何在Svelte中从一个codec函数中调用error()？

面对代码中的错误作为前端与后端的集成

触发异步函数后不能显示数据

Phaserjs-创建带有层纹理的精灵层以自定义外观

打字脚本中方括号符号属性访问和拾取实用程序的区别

在SuperBase JS客户端中寻址JSON数据

有没有办法更改Chart.js 3.x.x中主要刻度的字体？

使用API调用的VUE 3键盘输入同步问题

如果对象中的字段等于某个值，则从数组列表中删除对象

如何在Java脚本中并行运行for或任意循环的每次迭代

ComponentWillReceiveProps仍在React 18.2.0中工作

实用课程推荐

相关教程推荐