在下面的图片中，我判断了与Android左侧和iOS右侧呈现的相同的文本组件.iOS似乎将字体呈现在文本容器的顶部.
我在Android和iOS上使用相同的TTF字体文件.(我在网上找到了我使用的字体here的参考.)
你知道如何让Android和iOS的字体呈现相同吗？
需要明确的是，这种差异不是由任何样式(边距、字体大小等)造成的.完全一样.
推荐答案
我找到了解决办法，但感觉不对劲.我认为你应该找到另一种字体，在每台设备上呈现相同的效果.
您可以使用lineHeight、padding和margin来获得与文本组件相同的垂直对齐方式:
Ios:
instructions: {
fontFamily: 'Metric-Regular',
fontSize: 50,
lineHeight: 50,
paddingTop: 25,
marginBottom: -35,
marginTop: 35
}
React-native相关问答推荐
ReactNative如何在填充编辑表单 timeshift 除按钮禁用状态
为什么当我更换屏幕时playground 音乐不会停止？
无法解析 com.google.gms：google-services：4.3.15
构建 iOS Expo 应用时出现 React-Native xcodebuild 错误 65
元素类型无效：应为字符串
react平面列表渲染项
react-native-snap-carousel 无法正确渲染
从 React-Native 应用程序中的另一个类访问静态变量？
滚动到具有可变元素大小的 FlatList 中的某些索引的有效方法
如何以编程方式在 react-native 中截屏
如何清除react-native webview cookie？
如何在 React Native cli 中获取 SHA-1 密钥？
React Native TextInput blur TouchableHighlight 按下事件
React Native ScrollView 在 iOS 上从底部被截断
INSTALL_FAILED_INSUFFICIENT_STORAGE 运行 npm run android 命令时出错
使用 React Native 和 Redux 的动画状态管理
将 setState 与 promise 一起使用后出现错误
Expo在使用Windows 10的android模拟器上运行
Gradlew bundleRelease 不会在 react-native 中生成发布 apk
如何设置样式属性以填充剩余空间？
实用课程推荐