使用React Native和Native Base中的Button

Question

我在React Native中使用Native base库。 在本机库中，有一个名为Button的组件，还有来自“react-native”的组件按钮。

如果我想同时使用两个Button组件，我该怎么办？

Answer 1

您可以使用alias

import { Button } from 'react-native'
import { Button as ButtonBase } from 'native-base';

和

<Button /> {# React Native Button #}
<ButtonBase /> {# Native Base Button #}

Answer 2

您可以通过在默认名称和您想要的新名称之间添加单词as来使用ALIAS：

import {View as V} form react-native;

在您的render()功能中，您可以将其称为

<V>...</V>

所以对于你的问题，你可以这样做，你可以这样做

import {Button as ButtonMain} from react-native;
import {Button as ButtonRB} from react-native;

你可以在你的render()函数中调用它们：

<ButtonMain />
<ButtonRB />