我正在学习反应
Android移动应用程序的本机编程.我正在制作一个我需要设置按钮高度的屏幕.我在视图中添加了按钮并设置了使用样式的高度,但按钮高度没有变化.
/**
* LoginComponent of Myntra
* https://github.com/facebook/react-native
* @flow
*/
import React,{ Component } from "react";
import { AppRegistry,Text,View,Button,TextInput } from "react-native";
class LoginComponent extends Component {
render() {
return (
<View style={{ flex: 1,flexDirection: "column",margin: 10 }}>
<TextInput
style={{
height: 40,borderColor: "gray",borderWidth: 0.5
}}
placeholder="Email address"
underlineColorAndroid="transparent"
/>
<TextInput
style={{
height: 40,borderWidth: 0.5
}}
placeholder="Password"
secureTextEntry={true}
underlineColorAndroid="transparent"
/>
<View style={{ height: 100,marginTop: 10 }}>
<Button title="LOG IN" color="#2E8B57" />
</View>
</View>
);
}
}
AppRegistry.registerComponent("Myntra",() => LoginComponent);
任何人都可以帮我根据我的要求设置按钮的高度.
提前致谢.
解决方法
此组件具有有限的选项,因此您无法将其调整到固定高度.
我建议您使用TouchableOpacity组件构建自己的按钮,具有自己的属性和样式.
您可以像这样轻松地设置样式：
<TouchableOpacity style={{ height: 100,marginTop: 10 }}>
<Text>My button</Text>
</TouchableOpacity>