关于React-native-art库 绘制文本的问题



  • 我想要使用art库去绘制一个复杂的界面,但是用到ART.Text的时候发现文本的值只能直接输入而不能用变量或者常量,只能直接写死。


    <ART.Text key={i} fill="#000" font="normal 12px Helvetica"
    transform={new Transform().translate(0, c.fixPx(10))} >期次</ART.Text>
    正常显示 期次

    但是
    let str = "期次"
    ...
    <ART.Text key={i} fill="#000" font="normal 12px Helvetica"
    transform={new Transform().translate(0, c.fixPx(10))} >{str}</ART.Text>
    会显示 空白 而不是我想要的str的值。

    我想请问是我的写法有问题吗,如果是,告诉我正确的写法,谢谢啦,我找了很多demo,但是demo很少并且都没有我这样需求的



  • 我找到方法了

    <ART.Text key={i} fill="#000" font="normal 12px Helvetica"
    transform={new Transform().translate(0, c.fixPx(10))} value={titleStr}>{${titleStr}}</ART.Text>

    问题中的第二种不行,但是显示空白,说明代码是把{}里面的内容解析过的,是我的写法不对,刚问了同事,换了几种写法,上文的写法可以



  • <ART.Text key={i} fill="#000" font="normal 12px Helvetica"
    transform={new Transform().translate(0, c.fixPx(10))} value={titleStr}>{‘${titleStr}’}</ART.Text>

    上面的自动把单引号滤掉了