Question

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

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'

我想同时使用react-native的Text节点和react-native-svg的Text节点，可以这样做吗？

我得到的错误是重复声明文本，我明白了为什么。但我希望在我的代码中同时使用它们，例如：

 <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>

Answer 1

您可以使用<body> : </body>表示法将导入内容重命名为

def insertSpan(htmlString): ''' Insert a span tag around all of body contents: <body>....</body> ''' subRe = re.compile(r'(<body>)(.*)(<\/body>)', re.DOTALL) htmlString = subRe.sub("\g<1>\g<2>\g<3>",htmlString) return htmlString应该可以工作。

然后使用as <MyName>

React Native Text Element-使用同名导入

1 个答案: