Question

我目前正在开展一些工作，我希望状态和导航条变得透明，内容会落后于它们。目前，我在styles.xml中将条设置为@android：color / transparent，并且能够使用以下代码获取状态栏后面的内容：

<div>
  <router-outlet></router-outlet>
</div>

然而，我仍然在努力将它放在导航栏后面。任何帮助表示赞赏。

谢谢，约什

Answer 1

你需要：

const wait = async () => new Promise(resolve => console.log(Date()) || setTimeout(resolve, 1000));

async function case1() {
  const {a, b} = {a: await wait(), b: await wait()};
  return {a, b};
}


function test() {
  const start = new Date();

  case1().then(() => console.log('case1:', +new Date() - start));
}
test();

在这里查看答案：

Showing content behind status and navigation bar

Answer 2

尝试在您的活动style.xml中添加这些内容：

<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:fitsSystemWindows">true</item>

希望这可以提供帮助。

显示导航栏后面的内容

2 个答案: