react native上的按钮文本始终为大写
我在react-native处创建了一个组件，但是按钮的文本始终是大写的，有人知道为什么它不接受传递的文本，因为我想显示“ Login”，但它显示“ LOGIN”
import React, { Component } from 'react';
import { View, Button} from 'react-native';
import LabelApp from "../../config/labels.app";
const labelApp = LabelApp.loginView;
export default class Login extends Component {
constructor(props){
super(props);
this.handleClickBtnEnter = this.makeLogin.bind(this);
}
makeLogin() {
}
render() {
return (
<View>
<Button title= {labelApp.textButtonLogin} onPress={this.handleClickBtnEnter}/>
</View>
);
}
}
组件标签
const LabelApp = {
loginView: {
textButtonLogin: 'Ingresar',
},
}
export default LabelApp;
可视化
展开
收起
1
条回答
写回答
写回答
-
我已经尝试过您的代码，它看起来像是Button组件的预期行为react-native
您可以在官方文档中看到
我相信您需要更改Button组件，从另一个软件包中获取它以满足您的需求。
或者，您可以创建自己的按钮
import React, { Component } from 'react'; import { View, Button, TouchableHighlight, StyleSheet } from 'react-native'; import LabelApp from "../../config/labels.app"; const labelApp = LabelApp.loginView; export default class Login extends Component { constructor(props){ super(props); this.handleClickBtnEnter = this.makeLogin.bind(this); } makeLogin() { } render() { return ( <View> <TouchableHighlight onPress={this.handleClickBtnEnter} underlayColor="white"> <View style={styles.button}> <Text style={styles.buttonText}>{labelApp.textButtonLogin}</Text> </View> </TouchableHighlight> </View> ); } } const styles = StyleSheet.create({ button: { marginBottom: 30, width: 260, alignItems: 'center', backgroundColor: '#2196F3' }, buttonText: { textAlign: 'center', padding: 20, color: 'white' } });2020-01-06 19:55:22赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
