开发者问题收集

找不到变量:按钮 - React Native

2017-10-13
12462

我正在尝试在 React Native 中创建一个带有按钮的简单应用,但到目前为止,每次运行代码时,都会出现错误,提示“找不到变量:按钮”。我希望标题位于顶部(已完成),按钮位于屏幕中央,触摸时会发出警报。

我浏览了几个在线教程,但找不到解决方案。

这是我的代码:

/**
     * Sample React Native App
     * https://github.com/facebook/react-native
     * @flow
     */

    import React, { Component } from 'react';
    import {
      AppRegistry,
      StyleSheet,
      Text,
      View
    } from 'react-native';

    class Project extends Component {
      render() {
        return (
          <View style={styles.container}>
           <Text style={styles.Title}>
             Lucas's App
            </Text>
           <View style={styles.buttonContainer}>
             <Button
               onPress={() => { Alert.alert('You tapped the button!')}}
               title="Press Me"
             />
            </View>
          </View>
        );
      }
    }

    const styles = StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#F5FCFF',
        },
      Title: {
        color: '#000000',
        marginTop: 13,
        paddingLeft:100,
        paddingRight:100,
        fontFamily: 'Avenir',
        fontSize: 30,
      },
        buttonContainer: {
        margin: 20
      },

    });

    AppRegistry.registerComponent('Project', () => Project);

提前致谢。

1个回答

您需要确保导入按钮。 您可以通过将“按钮”添加到导入列表中来执行此操作:

     import {
      AppRegistry,
      StyleSheet,
      Text,
      View,
      Alert
      Button,
     
    } from 'react-native';
Lucas Farleigh
2017-10-14