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

Question

我的应用程序正在 iOS 上正确运行 Expo 字体，但在 Android 上却没有。 我还尝试根据文档将 loadAsync 替换为 useFonts 无济于事。 我有两个单独的样式表，其中一个 baseFont 属性设置了自定义字体，但是由于某种原因在其他屏幕上没有正确读取该字体。 非登录屏幕使用 React 堆栈导航 (@react-navigation/stack) 位于不同的堆栈中。 这基本上是代码的样子：

应用程序.js：

import RootStack from './navigations/RootStack';
import mainReducer from './reducers/index';
import { getAsyncStorage } from './actions/AuthActions';

const store = createStore(mainReducer, applyMiddleware(thunk));
store.dispatch(getAsyncStorage());

export default () => {
  const [fontLoaded, setFontLoaded] = useState(false);

  async function loadResourcesAsync() {
    await Promise.all([
      Font.loadAsync({
        'custom-font': require('./assets/fonts/custom_font.ttf');
      }),
    ]);

    setFontLoaded(true);
  }

  useEffect(() => {
    loadResourcesAsync();
  });

  if (!fontLoaded) return (null);
  return (
    <Provider store={store}>
      <RootStack />
    </Provider>
  );
};

样式/Login.js：

const styles = StyleSheet.create({
  baseFont: {
    fontFamily: 'custom-font',
  },

Answer 1

原来答案是样式表中的fontWeight所特有的。 由于自定义字体在 .ttf 中没有嵌入bold字体，我不得不下载粗体版本并从 css 中删除fontWeight: bold 。