升级react-native-elements后按钮错误

时间:2019-05-09 12:22:19

标签: reactjs react-native react-native-elements

我有一个大问题,因为我需要升级某些项目的库,但是我从未使用过React native。我将react-native-elements的版本从0.19升级到1.1,并且遇到了关于Button组件中不存在的属性的许多错误。

示例代码部分:

<Button
    backgroundColor={styles.palette.transparent}
    onPress={this.connectWithEmail}
    title={I18n.t('CONFIRM')}
    disabled={!this.state.password || !this.state.email}
    disabledStyle={styles.modal.actionButtonDisabled}
    underlayColor={styles.palette.transparent}
    containerViewStyle={styles.modal.actionButtonContainer}
    textStyle={[
        styles.modal.actionButtonText,
        {color: (this.state.password && this.state.email) ? styles.palette.secondary : styles.palette.textLight}
    ]}
/>

好,所以这个按钮出现错误,例如: Property 'backgroundColor' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Button> & Readonly<ButtonProps> & Readonly<{ children?: ReactNode; }>',但我发现有信息,按钮的v 1.1版本中不存在backgroundColor属性,因此我以这种方式使用buttonStyle属性来替换它:

buttonStyle={{backgroundColor: styles.palette.transparent}}

我的问题是: 如何替换其余缺少的道具,例如:underlayColorcontainerViewStyletextStyle我在文档和Realese中找不到有关它的任何信息反应本机文档的注释。

1 个答案:

答案 0 :(得分:1)

containerViewStyle == containerStyle

textStyle == titleStyle

没有UnderlayColor,因为react-native-elements按钮是根据TouchableNativeFeedback'或'TouchableOpacity'配置的。