MAUI ScrollView 仅在 Android 上剪辑内容，非常容易复制

Question

MAUI ScrollView 在我的 iOS 和 Windows 测试应用程序中看起来很棒，但它在 Android 屏幕的整个右侧剪切居中的内容...

如果我简单地删除ScrollView，问题就会消失（但这对我来说不是一个选择）...

这个问题很容易重现。只需使用 Visual Studio 附带的 .NET MAUI 项目模板，并采用所有默认选择。然后，通过添加下图中突出显示的两个属性来仅更改一行代码...

最后，在同一张图片中指定的 Android 设备上运行项目。我使用 Android 设备管理器创建了它并采用了所有默认选择。由于屏幕尺寸相对较小，我特意选择了这款设备。

当在 ScrollView 中嵌套 Grid 时，也会发生同样非常奇怪的行为。

这是什么原因造成的？而且，更重要的是，我该如何解决它？

Answer 1

将 Grid 嵌套在 滚动视图。 这是什么原因造成的？而且，更重要的是，我该如何解决它？

MAUI

ScrollView

有一个

Scroll bar

，它位于屏幕右侧。通常 Scroll bar 是不可见的，直到内容比 ScrollView 长，但它仍然占据了位置。所以这就是为什么在ScrollView上会出现这种情况。

这个滚动条不能去掉，但是可以设置

margin

让内容居中

Answer 2

尝试的事情：

1. <ScrollView ... VerticalScrollBarVisibility="False" ...

2. <VerticalStackLayout Padding="30,0,0,0" ...

   这个测试判断是不是right-padding和scrollbar的结合，也就是clipping。

3. <VerticalStackLayout WidthRequest="9999" ...

   此测试确定堆栈布局是否没有要求足够的宽度。

4. <Grid ColumnDefinitions="*" HorizontalOptions="Fill" ...

   该测试确定 Grid 是否能够更好地请求全宽。

所需的修复完全取决于这些测试显示的内容。