首页 文章

不同的代码,但我在设备上测试时输出不会改变

提问于
浏览
1

你好,我是反应原生的初学者,我按照所有指南使用本机基础反应本机,但每当我使用下面的示例代码测试应用程序时,我仍然得到

“欢迎来到React Native,开始使用,编辑index.android.js”

正如你可以看到代码和输出不匹配,任何关于如何解决这个问题的想法?

import {Container, Content, Button, Icon} from 'native-base';
import React, {Component} from 'react-native';
​
export default class IconButtonExample extends Component {
    render() {
        return (
            
                
                    
                        
                        Home
                    

                <Button success iconRight>
                    Next
                    <Icon name="ios-arrow-forward" />
                </Button>

                <Button info>
                    Previous
                    <Icon name="ios-arrow-back" />
                </Button>

                <Button warning>
                    <Icon name="ios-star" />
                </Button>

                <Button danger>
                    <Icon name="ios-close-circle" />
                </Button>

                <Button style={{backgroundColor: '#384850'}} >
                    <Icon name="ios-search" style={{color: '#00c497'}}/>
                </Button>
            </Content>
        </Container>
    );
}

}

1 回答

  • 0

    您需要将上面发布的代码放在名为index.android.js的主文件中

    您需要重新启动模拟器并重新捆绑应用程序

    您可以在此处看到用于响应本机项目的默认文件夹结构 .

    enter image description here

    or read about it

相关问题