ios - Appcelerator/Titanium - 在 iPhone X 上，如何使工具栏颜色填充到屏幕底部？

Question

对于使用 Xcode 的人来说，似乎有几种解决方案，但是，我使用的是 Appcelerator Studio/Titanium，并且遇到了这个问题:

在 iPhone X 上，我有一个 <Window>与 extendSafeArea="false"这样工具栏就不会低于用户可以向上滑动进入 iPhone 主屏幕的区域。 <Toolbar>具有绿色背景 bottom="0" ，这使得它出现在正确的位置。然而，下面有一个很大的空白:

如何让工具栏的绿色背景延伸到屏幕底部？

更新:我尝试将窗口背景颜色设置为与工具栏相同 - 这部分解决了问题，但是我随后必须将 ScrollView 的背景颜色设置为白色(对于工具栏上方/下方的实际内容区域)。现在的问题是，当此屏幕动画进入 View 时(例如，单击 ListView 中的项目来加载此屏幕时)，它会从绿色动画到白色，因为 ScrollView 正在动画显示。这是一个丑陋的动画，因为它看起来在闪烁绿色，然后淡入内容的正确颜色。还有其他方法可以做到这一点吗？

Answer 1

我可以想出几种方法来完成这项工作:

1. 首先，生成 <Window>有extendSafeArea="true" ，这样它就会一直向下延伸并覆盖用户可以向上滑动以转到 iPhone 主屏幕的区域。

   然后，在底部放置一个绿色 View ，填充较低的区域。

   最后，把你的绿色ToolBar通过调整其位置或边距，将其显示在与现在相同的位置。

   布局应具有 ToolBar与现在一样，但在其下方有一个绿色 View ，因为窗口允许它填充该空间。

2. 首先隐藏 ToolBar alpha 值为 0，这样当屏幕动画进入 View 时，它就不会在开始时显示。

   经过一小段延迟后，现在显示 View 时:

   • 淡出 Window背景颜色从白色变为与 ToolBar 相同的绿色.
   • 淡入ToolBar ，通过将其 alpha 值从 0 动画化到 1。

   与您之前的尝试相比，这应该会产生一个不那么难看的动画。

3. 与上面的第 2 点类似，隐藏 ToolBar ，但这一次，将它移出屏幕，在可见区域下方。

   当 View 可见时，让窗口保持白色并稍等片刻:

   • 淡出或直接设置Window背景颜色从白色变为与 ToolBar 相同的绿色.
   • 动画 ToolBar从界面下方到当前位置的位置。您可以尝试使用反弹或其他效果，看看结果是否更令人满意。同样，您可以探索隐藏 ToolBar离开屏幕到左边，然后设置动画让它从那里进入界面。

想法 2 和 3 的共同概念是在 ToolBar 上使用揭示动画。为了“解释”设置 Window 的界面中的变化的背景颜色。