我是 React Native 的新手。在我的简单测试应用程序中,我想尝试使用 react-native-elements按钮
但是,我无法显示我的按钮背景颜色。
我按照文档并尝试添加这样的按钮:
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { Button } from 'react-native-elements';
export default class loginForm extends Component {
render() {
return (
<View>
<Button
backgroundColor={'red'}
title='Login'
/>
</View>
)
}
}
在 App.js 中,我像这样导入它:
import React from 'react';
import { StyleSheet, Text, View, TouchableHighlight, TextInput } from 'react-native';
import { createStackNavigator, createBottomTabNavigator, createAppContainer } from 'react-navigation';
import loginForm from './app/src/components/loginForm.js'
const TestStack = createStackNavigator(
{
Login: {screen: loginForm}
}
)
const AppContainer = createAppContainer(TestStack);
export default class App extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<AppContainer/>
);
}
}
我究竟做错了什么?
查看实际结果