使用UI Kitten + React Native开发应用能否实现Roboto Medium-500字重？

这个说法不属实，UI Kitten本身没有限制仅支持400和700两种字重，完全可以通过自定义配置实现Roboto Medium 500字重的使用。

具体实现步骤 #

• 先完成Roboto字体文件的引入与原生端注册
  1. 下载包含Roboto Medium 500字重的完整字体包，将Roboto-Medium.ttf放入项目字体资源目录（通常为src/assets/fonts/）
  2. 纯React Native项目在根目录新建react-native.config.js配置字体资源路径，执行npx react-native-asset完成原生端关联；Expo项目直接在app.json的expo.fonts字段中配置字体引入即可。
• 自定义UI Kitten主题覆盖默认字体规则
  参考以下代码修改主题配置，新增500字重的映射：

  import * as eva from '@eva-design/eva';
  import { ApplicationProvider } from '@ui-kitten/components';
  
  const customTheme = {
    ...eva.light,
    text: {
      ...eva.light.text,
      // 统一配置基础字体族
      fontFamily: 'Roboto',
      // 扩展字重映射
      fontWeight: {
        regular: '400',
        medium: '500',
        bold: '700',
      }
    }
  };
  
  // 根组件使用自定义主题初始化UI Kitten
  const App = () => (
    <ApplicationProvider {...eva} theme={customTheme}>
      {/* 你的应用内容 */}
    </ApplicationProvider>
  );
  

• 组件中使用500字重
  直接在样式中指定fontWeight: '500'即可生效，也可以根据自己的使用习惯在主题中新增对应textVariants配置，更便捷调用。

常见踩坑提示 #

如果配置后字重不生效，优先检查两个点：

• 确认你使用的Roboto字体包确实包含Medium 500字重的独立字体文件，部分裁剪版字体包会缺失该字重，导致自动回落到400或700
• 确认字体文件的文件名和你配置的fontFamily命名完全匹配，安卓端对字体文件名大小写敏感

内容的提问来源于stack exchange，提问作者Katie