Javascript OnPress事件处理程序在React NativeBase材质设计中未按预期工作

我下面将向我的react原生应用程序添加材质设计。我喜欢点击按钮时产生的涟漪效应。然而，我正在努力让它与

OnPress

处理程序一起工作。在下面的代码中，如果我只写

navigate（'Login'）setTimeout（）

，我看不到连锁反应。但是，如果我包括setTimeout，即使延迟为0，我也会看到连锁反应。我觉得关于事件处理程序，有些基本的东西我还不了解

import React, { Component } from 'react';
import { Button, Container, Content, StyleProvider, Text, View } from 'native-base';

import getTheme from '../../../native-base-theme/components';
import material from '../../../native-base-theme/variables/material';

class Welcome extends Component {

  render() {
    const { navigate } = this.props.navigation;
    return (
      <StyleProvider style={getTheme(material)}>
        <Container>
          <Content>
            <View>
              <Button
                onPress={() => {
                  setTimeout(() => {
                    navigate('Login');
                  }, 0);
                }}
                block
              >
                <Text>Continue</Text>
              </Button>
            </View>
          </Content>
        </Container>
      </StyleProvider>
    );
  }
}

export default Welcome;

import React，{Component}来自'React'；
从“本机基”导入{按钮、容器、内容、样式提供程序、文本、视图}；
从“../../../native base主题/组件”导入getTheme；
从“../../../native base theme/variables/material”导入材料；
类欢迎扩展组件{
render（）{
const{navigate}=this.props.navigation；
返回(
{
设置超时（（）=>{
导航（“登录”）；
}, 0);
}}
块
>
继续
);
}
}
出口默认值欢迎；

相信我，材料会让情况变得更糟，这不是你的一个小问题。放下它。@HomeDefense你的意思是我不应该使用NativeBase材质主题、一般的材质设计或一般的NativeBase？请你详细说明一下好吗？对不起，我刚才说的是在和nativebase中的材料设计。我过去在使用react和react native时遇到过很多问题，但那是很久以前的事了，也许他们已经解决了。这就是我所做的。其中大部分都很容易复制和制作。就这么做吧。只需查看源代码和样式，并使其成为您自己的组件。这可能需要更多的时间，但维护和编写代码要容易得多，特别是对于新加入项目的人。不过这只是我的观点。我希望这至少有一点帮助。是的，这很有帮助。谢谢我来看看这个问题是否有简单的解决办法。如果没有，我就放弃它。这是一个相当小的项目（至少在这个阶段），我希望能尝试一下。