无法设置按钮反应的样式

Question

我是跨平台开发的新手。我创建了按钮组件，但无法为其设置样式。这种印象是该按钮没有读取我的代码。这是我如何在代码中创建按钮的示例

<Button
      style={{fontSize: 15, width:345, height: 75, marginTop:10,
        borderRadius:10, borderWidth: 1, borderColor: '#fff'}}
      styleDisabled={{color: 'red'}}
      onPress={() => this._handlePressContinue()}
      title="Continue"
      color='rgba(0,0,0,0.2)'
      backgroundColor="black"
    >
    </Button>
    <Button
      style={{fontSize: 15, width:345, height: 75, marginTop:10, color: 'green'}}
      onPress={() => this._handlePressForgotYourPassword()}
      title="Forgot Your Password"
      color='rgba(0,0,0,0.2)'
    >
    </Button>

，我在另一个旁边得到了两个白色按钮。只有标题，标题颜色和处理程序才会更改。在决策或建议方面的任何帮助将不胜感激。谢谢！

在此处输入图像描述

Answer 1

强烈建议您不要用户内联样式，而是使用单独的常数输入样式并将其应用于您的元素。另外，建议用" React-Native"库提供的样式表。以下是一个小的演示代码（来自React Native Docs）。

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class LotsOfStyles extends Component {
  render() {
    return (
      <View>
        <Text style={styles.red}>just red</Text>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  myTextStyle: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
});

这可能不是您现在面临的问题，但是如果您将代码重新分配到此方法，则可以使它起作用。

Answer 2

我决定了我的问题。也许这将是有用的：我在借助

<Button
    style={styles.forgotPass}
      onPress={this.GetValueFunction}
      title="Forgot Your Password"
      color='rgba(0,0,0,0.2)'
    >
    </Button>

一旦我使用了组件触摸光明，一切都可以。这是一个示例

<TouchableHighlight
    style={styles.forgotPass}
    onPress={this._onPressButton}>
      <Text>Forgot Your Password?</Text>
    </TouchableHighlight>

感谢所有帮助的人