反应原生导入

Posted 2023-02-23

【中文标题】反应原生导入

【英文标题】：React Native Import

【发布时间】：2020-05-01 15:27:44

【问题描述】：

我们可以使用单个关键字而不是'' import Text, TextInput, Button, StyleSheet, View from 'react-native'; ” 在 react native 中？“Text、TextInput、Button、StyleSheet、View”是否有可用的 Single 关键字选项？

import  Button, StyleSheet, View  from 'react-native';

export default class ButtonBasics extends Component 
  _onPressButton() 
    alert('You tapped the button!')
  

  render() 
    return (
      <View style=styles.container>

        <View style=styles.buttonContainer>
          <Button
            onPress=this._onPressButton
            title="Press Me"
            color="#841584"
          />
        </View>
        <View style=styles.alternativeLayoutButtonContainer>
          <Button
            onPress=this._onPressButton
            title="This looks great!"
          />

        </View>
      </View>
    );
  


const styles = StyleSheet.create(
  container: 
   flex: 1,
   justifyContent: 'center',
  ,
  buttonContainer: 
    margin: 20
  ,
  alternativeLayoutButtonContainer: 
    margin: 20,
    flexDirection: 'row',
    justifyContent: 'space-between'
  
);

【参考方案1】：

您可以import ReactNative from 'react-native' 并将它们用作<ReactNative.View/> 等等，但我不建议这样做。这不是 99% 的 RN 开发人员所期望的阅读方式。

【讨论】：

回答很有帮助。

从'react-native'导入按钮，样式表，视图；解构是 Reactjs 和 React Native 中的标准常见做法，你应该坚持下去。但是是的，您可以使用点表示法，但不建议使用。