Expo反应本地自定义按钮文本不工作

Question

加载字体:

const [IsReady, SetIsReady] = useState(false);
const LoadFonts = async () => {
await useFonts();
};
if (!IsReady) {
return (
<AppLoading
startAsync={LoadFonts}
onFinish={() => SetIsReady(true)}
onError={() => {}}
/>
);
}

它正在工作，但是我有一个按钮:

export const StartButton = ({
style = {},
textStyle = {},
size = 125,
...props
}) => {
return (
<TouchableOpacity
style={[styles(size).radius, style]}
onPress={props.onPress}
>
<Text style={[styles(size).text, textStyle]}>{props.title}</Text>
</TouchableOpacity>
);
};
const styles = (size) =>
StyleSheet.create({
radius: {
borderRadius: size / 2,
width: size,
height: size,
alignItems: "center",
justifyContent: "center",
borderColor: "#FFFFFF",
borderWidth: 1,
fontFamily: "nevrada",
backgroundColor: "#252250AA ",
},
text: { color: "#FFFFFF", fontSize: size / 5 },
});

App.js组件

<StartButton size={100} title="START" fontFamily="Heavitas" />`

下面是我的useFonts.js文件:

import * as Font from "expo-font";
export default useFonts = async () =>
await Font.loadAsync({
Heavitas: require("./../assets/fonts/Heavitas.ttf"),
nevrada: require("./../assets/fonts/nevrada.ttf"),
gazebo: require("./../assets/fonts/gazebo.otf"),
});

自定义字体在按钮上不起作用。

各种加载技术没有一个对按钮起作用。

Answer 1

SOLVED需要在组件中设置fontFamily。谢谢。