我有一个用于本机项目的跨平台按钮。

该按钮的样式为:

btn_text: {
  color: "#fff",
  fontSize: "20rem",
  fontFamily: "BungeeInline-Regular",
  textAlign: "center"
},
btn: {
  paddingTop: "10rem",
  paddingBottom: "10rem",
  paddingHorizontal: "15rem",
  marginTop: "15rem",
  marginHorizontal: "20rem",
  backgroundColor: "#333",
  "@media ios": {
    borderRadius: 50
  },
  "@media android": {
    borderRadius: 50,
    elevation: 4
  },
  borderColor: "#fff",
  borderWidth: 0
}

该组件是:

const XplatformButton = ({ text, onPress }) => {
  if (Platform.OS === "ios") {
    return (
      <TouchableHighlight
        onPress={onPress}
        style={styles.btn}
        underlayColor={styles.$buttonColorUnderlay}
      >
        <Text style={styles.btn_text}>{text}</Text>
      </TouchableHighlight>
    );
  }
  return (
    <TouchableOpacity onPress={onPress} style={styles.btn}>
      <Text style={styles.btn_text}>{text}</Text>
    </TouchableOpacity>
  );
};
export default XplatformButton;

该组件将按预期在iOS上呈现: iOS_with_font

但是它在Android上渲染时留有太多空白: Android_with_font

但未指定字体则呈现为: Android_without_font

如何在保留自定义Google字体的同时在Android上消除这些多余空间?

#1楼 票数:0

有一个style属性在Android上处于活动状态。 它称为“ includeFontPadding”。 这是一个布尔值。 将其设置为false可删除包含的空白。

  ask by Jim translate from so

未解决问题?本站智能推荐:

3回复

我如何在React中使用自定义字体-Native0.64,iOS可以,但Android不

我按照这个方法Link配置了它,但它不适用于 Android。 我的字体文件被命名为:din_alternate_bold.ttf 这是我在 RN 的样式中使用的: fontFamily: 'DIN Alternate Bold' & fontFamily: 'DIN_Alternate_B
1回复

如何在React-nativeandroid中使用自定义字体?

我很难让自定义webfonts与android上的react-native一起使用。 我已经按照这里的指示进行操作, https://medium.com/@gattermeier/custom-fonts-in-react-native-for-android-b8a331a7d2a7#.
2回复

如何一次全局设置自定义字体系列并在整个本机应用程序中使用而不调用每个“文本”组件?

根据此堆栈溢出解决方案,可以通过在每个Text组件中调用自定义字体来使用它。 但是当我们的应用程序中有数千个Text组件时,我们可能会碰巧错过相同的字体系列。 然后我们在字体系列的情况下失去一致性。 因此,有没有办法通过不调用每个Text组件来使用自定义字体系列?
13回复

如何在ReactNativeandroid中添加自定义字体

我想将fontFamily设置为比我的工具栏标题更薄的机器人。 我在我的android项目的assets/fonts文件夹中添加了roboto Thin ttf,但是它似乎在运行应用程序时产生了问题。 我在运行时遇到这个问题 反应本机开始 当我删除字体时,它工作正常。 我无法解决这个问题。 什么原因
2回复

如何在ReactNative中在ToolbarAndroid上设置自定义字体

我正在学习react-native编程,我需要在工具栏标题上设置自定义 fontFamily。 我在我的 android 目录的 assets/fonts 文件夹中添加了 TTF 字体。 但是ToolbarAndroid标题字体在运行应用程序时未设置并收到警告。 警告:无法道具类型:无效props
3回复

如何在自定义组件中显示AsyncStorage中的数据?

我是本机反应的新手。 因此,我有一个名为Task的自定义组件,并且一些数据存储在AsyncStorage中。 我已经检查过数据确实通过另一个组件/模式存储在AsyncStorage中。 但是,当我尝试从AsyncStorage取回数据时(请参见下面的代码),它没有显示任何内容。 我的自定
1回复

未加载本机自定义字体

我是本机的新手, 我读了一个教程 ,在我的项目中导入自定义字体。 我的字体不起作用。 这是我的项目结构: 这是我的package.json : 另外,当我运行react-native link我在终端上看到此消息:
1回复

ExpoFont仅在Android的第一个屏幕中显示自定义字体。iOS工作正常

我的应用程序在 iOS 上正确运行 Expo Font,但在 Android 上却没有。 我也尝试根据文档用 useFonts 替换 loadAsync 无济于事。 我有两个单独的样式表,其中一个 baseFont 属性设置了自定义字体,但是由于某种原因在其他屏幕上无法正确读取字体。 非登录屏幕使用