如何将内容（包括标头）在Stack.Screen中垂直居中？
罗曼·马霍茨基
如何在Stack.Screen包含标头的内容中垂直居中计算内容？
当前，如果我尝试使元素在屏幕上垂直居中，由于Stack.Screen标题，它将稍微移至屏幕底部。我想这个尺寸考虑到计算不使用margin-top: -N其中N为标头的大小。
为什么没有保证金？因为它增加了处理iOS和Android设备的复杂性。
navigator.component.tsx
<Stack.Navigator>
<Stack.Screen
name='SignIn'
component={SignInComponent}
/>
</Stack.Navigator>
登录组件.tsx
const SignInComponent = () => {
return (
<View style={{ height: '100%', justifyContent: 'center' }}>
<Text>Example</Text>
</View>
)
}
satya164
为什么没有保证金？因为它增加了处理iOS和Android设备的复杂性。
它增加了什么复杂性？
import { useHeaderHeight } from '@react-navigation/stack';
// ...
const headerHeight = useHeaderHeight();
<View style={{ height: '100%', justifyContent: 'center', marginTop: -headerHeight }}>
<Text>Example</Text>
</View>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将UICollectionView内容垂直居中
- 2
将HTML标头垂直居中
- 3
如何将H1在div中垂直居中？
- 4
在div中垂直居中放置内容
- 5
如何将内部标头垂直居中？
- 6
垂直将td中的绝对块居中
- 7
将div中的文本垂直居中
- 8
将UITextView中的NSTextAttachment垂直居中
- 9
垂直将td中的绝对块居中
- 10
如何在UITextView中垂直居中光标
- 11
如何使容器在颤振中垂直居中？
- 12
使用垂直对齐将div中的按钮垂直居中
- 13
如何将任何子视图在父UIView中水平居中而不是垂直居中？
- 14
如何将标签中的内容居中
- 15
将textLabel在tableView中的UITableViewHeaderFooterView中垂直居中：willDisplayHeaderView：forSection：
- 16
将img中的img在div中垂直居中
- 17
在GXT中，更改ContentPanel标头颜色的颜色后，标题文本的垂直对齐方式将移到顶部。如何使其居中？
- 18
如何将<aside>元素垂直居中？
- 19
如何将元素垂直居中？
- 20
垂直居中div的内容
- 21
垂直居中div的内容
- 22
将两个DIV（包括其内容）垂直居中放置在另一个父DIV中
- 23
将文本水平和垂直居中放置在圆圈中
- 24
在Bootstrap 3中将导航项垂直居中
- 25
如何将内容居中
- 26
如何将内容居中
- 27
WPF：Textblock作为ComboBox中的项目：如何将Textblock的文本垂直居中？
- 28
如何在<span>中垂直居中对齐文本？
- 29
如何垂直居中放置图表（使用mpandroidchart中的LineChart）？
我来说两句