我刚刚开始使用 React Native Paper,并且已经阅读了文档,但我无法看到如何更改按钮和文本输入的字体系列。我也无法在网上找到任何东西。你能帮我一下吗?
我可以使用 prop textColor 更改 Button 中的字体颜色。但我找不到字体系列的任何道具。
<Button
style={{
width: "90%",
height: 46,
justifyContent: "center",
borderRadius: 8,
}}
textColor="#FFFFFF"
buttonColor="#797c83"
>
与文本输入类似,我可以更改占位符和文本的颜色,但找不到字体系列的任何选项。
<TextInput
placeholder="Enter email"
placeholderTextColor="#758195"
value={email}
onChangeText={(email) => setEmail(email)}
underlineColor="transparent"
activeUnderlineColor="#758195"
textColor="#FFF"
style={{
backgroundColor: "#041e29",
borderWidth: 1,
borderColor: "#4A6171",
width: "90%",
}}
left={<TextInput.Icon icon="email" />}
/>
所以我只是从我搜索的一堆 Github 论坛中找出来的。
对于按钮,我们必须使用 labelStyle 属性来添加字体系列。
<Button labelStyle={{ fontFamily: "Fraunces_600SemiBold"}}>
Log In
</Button>
对于文本输入,我们必须使用 contentStyle 属性。
<TextInput contentStyle={{ fontFamily: "Alegreya_500Medium" }} />