如何更改本机基本输入的字体系列?
How to change the font family of a native base input?
我可以像这样修改原生输入 label 的字体系列:
<Input style={{fontFamily: 'Termina-Bold'}}/>
但我找不到如何修改用户输入文本的字体系列。
我怎样才能做到这一点?
Link 添加这样的字体
在根文件夹中创建 react-native.config.js 文件并添加这个
module.exports = {
project: {
ios: {},
android: {}, // grouped into "project"
},
assets: ["./src/assets/fonts/"], // src/assets/fonts/ replace with your fonts location folder path
};
它工作正常:-)
无字体家族
<Input placeholder="Underline Textbox" style={{ textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />
示例:
Poppins-SemiBold
<Input placeholder="Underline Textbox" style={{ fontFamily: "Poppins-SemiBold", textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />
Poppins-常规
<Input placeholder="Underline Textbox" style={{ fontFamily: "Poppins-Regular", textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />
我可以像这样修改原生输入 label 的字体系列:
<Input style={{fontFamily: 'Termina-Bold'}}/>
但我找不到如何修改用户输入文本的字体系列。
我怎样才能做到这一点?
Link 添加这样的字体
在根文件夹中创建 react-native.config.js 文件并添加这个
module.exports = {
project: {
ios: {},
android: {}, // grouped into "project"
},
assets: ["./src/assets/fonts/"], // src/assets/fonts/ replace with your fonts location folder path
};
它工作正常:-)
无字体家族
<Input placeholder="Underline Textbox" style={{ textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />
示例:
Poppins-SemiBold
<Input placeholder="Underline Textbox" style={{ fontFamily: "Poppins-SemiBold", textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />
Poppins-常规
<Input placeholder="Underline Textbox" style={{ fontFamily: "Poppins-Regular", textAlign: "center", marginTop: 15,backgroundColor:'pink' }} />