小编Vag*_*lis的帖子

React Native Modal 绕过 expo 导航栏设置

在我的 App.js 中我设置了：

import * as NavigationBar from "expo-navigation-bar";

...In my component

 useEffect(() => {
    if (android) {
      NavigationBar.setBackgroundColorAsync("transparent");
    }
  }, []);

Run Code Online (Sandbox Code Playgroud)

这将我的导航栏在所有屏幕中设置为透明，但是当模式可见时：

    <Modal
      animationType="none"
      transparent
      visible={isVisible}
      presentationStyle="overFullScreen"
      hardwareAccelerated
    >

Run Code Online (Sandbox Code Playgroud)

...导航栏变成白色，即使我尝试将其也设置在我的模态组件中，对此有任何已知的解决方案吗？

javascript reactjs react-native expo

Vag*_*lis

2022 10-31

7
推荐指数

1
解决办法

1204
查看次数

带有可滚动 tbody 的 Bootstrap 响应式表格？

我有一个引导表，我在它的 tbody 中附加了 db 的内容，但我无法真正仅在 tbody 中获得响应式垂直滚动（带有固定标题），我尝试用 css 搞乱并让 tbody 显示：阻止溢出：自动，它有点工作，但我失去了标题单元宽度的响应能力，它们变得比 tbody 单元更短。

是否有一个特定的引导类可以做到这一点？

tbody{
max-height: 10vh;
overflow: auto;
}

Run Code Online (Sandbox Code Playgroud)

<html>
<head>
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css integrity=undefined crossorigin=anonymous>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.bundle.min.js" integrity="sha512-72WD92hLs7T5FAXn3vkNZflWG6pglUDDpm87TeQmfSg8KnrymL2G30R7as4FmTwhgu9H7eSzDCX3mjitSecKnw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<div>
<table class="table table-bordered table-striped text-center">
<thead>
<tr><th>User</th><th>Action</th><th>Date</th></tr>
</thead>
<tbody>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
<tr><td>TESSSSSSSSSSST</td><td>TESSSST</td><td>T</td></tr>
</tbody>
</table>    
</div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-table bootstrap-5

Vag*_*lis

lucky-day

0
推荐指数

1
解决办法

1万
查看次数