找不到变量:按钮 - 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