小编Gul*_*ati的帖子

通过nativewind或tailwind添加expo google字体

您好,我正在使用 Expo 开发应用程序,对于字体,我使用expo-google-fonts作为字体,并使用NativeWind进行样式,现在我想在 Native Wind 中配置 expo-google-fonts,

我试过这个,

import { StatusBar } from 'expo-status-bar';
import { View, Text } from 'react-native';
import AppLoading from 'expo-app-loading';
import { useFonts, JosefinSans_500Medium } from '@expo-google-fonts/josefin-sans';


export default function App() {
  let [fontsLoaded] = useFonts({
    JosefinSans_500Medium,
  });

  if (!fontsLoaded)
    return null;
  return (
    <View className="flex-1 items-center justify-center h-full w-full">
      <Text style={{ fontFamily: 'JosefinSans_500Medium', fontSize: 20}}>This work fine</Text>
      <Text className="font-josefin text-xl mt-2">This is not working</Text>
      <StatusBar style="auto" />
    </View>
  );
} …
Run Code Online (Sandbox Code Playgroud)

react-native expo tailwind-css

5
推荐指数
1
解决办法
3420
查看次数

标签 统计

expo ×1

react-native ×1

tailwind-css ×1