如何在本机android中设置按钮的高度

Question

我正在学习反应Android移动应用程序的本机编程.我想提出一个屏幕,在这里我需要设置高度的button.我加入button的view,并设置使用样式然而有按钮的高度没有变化的高度.

/**
 * 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,
                    borderColor: "gray",
                    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);

任何人都可以帮我根据我的要求设置按钮的高度.

提前致谢.

Answer 1

此组件具有有限的选项,因此您无法将其调整为固定的height.

我建议你使用TouchableOpacity组件来构建自己的按钮,使用自己的properties和styles.

您可以像这样轻松地设置样式:

<TouchableOpacity style={{ height: 100, marginTop: 10 }}>
    <Text>My button</Text>
</TouchableOpacity>