代码之家  ›  专栏  ›  技术社区  ›  Matt Jameson

React Native Text元素-使用同名导入

  •  1
  • Matt Jameson  · 技术社区  · 6 年前

    我的代码顶部有这些导入:

    import React from 'react'
    import { StyleSheet, View, Button, Dimensions, TouchableOpacity, Text} from 'react-native'
    import { LineChart, Grid } from 'react-native-svg-charts'
    import * as shape from 'd3-shape'
    import { Circle, G, Line, Rect, Text } from 'react-native-svg'
    

    我得到的错误是重复的声明文本,我可以理解为什么。但我希望在我的代码中使用这两种方法,例如:

     <G y={ 50 }>
        <Rect
            height={ 40 }
            width={ 75 }
            stroke={ 'grey' }
            fill={ 'white' }
            ry={ 10 }
            rx={ 10 }
        />
        <Text
            x={ 75 / 2 }
            dy={ 20 }
            alignmentBaseline={ 'middle' }
            textAnchor={ 'middle' }
            stroke={ 'rgb(134, 65, 244)' }
        >
            { `${data[5]}ºC` }
        </Text>
    </G>
    

    在我的代码里:

    <TouchableOpacity style={{height: '100%', justifyContent:'center'}}>
        <Text style={{color: '#fff'}}>back</Text>
    </TouchableOpacity>
    
    1 回复  |  直到 6 年前
        1
  •  4
  •   Kevin Amiranoff    6 年前

    您可以使用所需的名称重命名导入 as <MyName>

    import { Circle, G, Line, Rect, Text as TextSvg } from 'react-native-svg' 应该有用。

    然后使用 <TextSvg />