react-native – 找不到变量：Button – React Native

发布时间：2020-12-15 20:17:16 所属栏目：百科来源：网络整理

导读：我正在尝试创建一个带有按钮的简单应用程序本机,但到目前为止,每次运行我的代码时,它都会给出一个错误,上面写着“无法找到变量：按钮”.我想在顶部(已经完成)和屏幕中央的按钮结束我的标题,触摸时会发出警报. 我已经完成了几个在线教程,无法找到解决方案. 这

我正在尝试创建一个带有按钮的简单应用程序本机,但到目前为止,每次运行我的代码时,它都会给出一个错误,上面写着“无法找到变量：按钮”.我想在顶部(已经完成)和屏幕中央的按钮结束我的标题,触摸时会发出警报.

我已经完成了几个在线教程,无法找到解决方案.

这是我的代码：

/**
 * 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);

提前致谢.

解决方法

您需要确保导入按钮.
你可以在你的代码之前添加这个：

import {
  AppRegistry,View,Button,Alert
} from 'react-native';

[或者只是将按钮添加到导入列表]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!