react-native有像前端一样重置样式这种说法么
来源：2-12 创建支持TS项目，对比和仅支持JS语言的RN项目
Krane
2024-11-14
实际体验感觉，一个按钮中 即时用了display flex的垂直和居中的写法以后，感觉并没有垂直居中，水平倒是居中了，垂直的居中总觉得受到了lineHeight的影响？
这里的lineHeight默认的实际是多少呢？默认的fontSize又会是多少？
有类似于reset.css这种文件应用于react-native上么
写回答
1回答
-
CrazyCodeBoy
2024-11-15
在 React Native 中，实现垂直和水平居中确实会因为 lineHeight 对文本组件的影响而变得有些棘手。默认情况下，lineHeight 通常设置为 fontSize 的 1.2 到 1.5 倍左右，这可能会在尝试垂直居中时导致不对齐的问题。
1. 默认值：在 React Native 中，fontSize 默认通常是 14 左右，而 lineHeight 会按比例缩放。为了确保跨平台的一致性，建议手动设置具体的值。
2. 垂直居中问题：如果 lineHeight 导致了居中问题，可以尝试将 lineHeight 显式设置为与 fontSize 相同的数值。这样可以减少文本周围的垂直空隙，从而更好地实现居中效果。
3. 样式重置：不同于 Web CSS，React Native 并不使用传统的 CSS，因此无法直接应用 reset.css。不过，可以在 React Native 中创建一个自定义的 StyleSheet，定义基础样式，并在各个组件中应用这些基础样式来实现类似于 reset.css 的效果。
这样设置后，应该能更好地解决你的按钮居中显示问题。希望这些建议对你有所帮助！00
相似问题