如何更改React Native Paper中按钮和文本输入的字体系列?

问题描述 投票:0回答:1

我刚刚开始使用 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" />}
          />
react-native react-native-paper
1个回答
0
投票

所以我只是从我搜索的一堆 Github 论坛中找出来的。

对于按钮,我们必须使用 labelStyle 属性来添加字体系列。

<Button labelStyle={{ fontFamily: "Fraunces_600SemiBold"}}>
      Log In
</Button>

对于文本输入,我们必须使用 contentStyle 属性。

<TextInput contentStyle={{ fontFamily: "Alegreya_500Medium" }} />
© www.soinside.com 2019 - 2024. All rights reserved.