css - 带有react-circular-progressbar的循环进度条内的换行符？

Question

我目前正在尝试在我的反应组件的循环进度栏中设置换行符。我想要百分比和“完成！” 既居中又分离 目前，我已经尝试\n在 text 道具中放置，但这没有奏效。有什么想法我该怎么做？

react-circular-progress 栏是https://www.npmjs.com/package/react-circular-progressbar。

这是我的代码：

<CircularProgressbar 
        value={props.percentage} 
        text={`${props.percentage}% done!`} 
        counterClockwise
        strokeWidth={4}
        styles={buildStyles({
            // Colors
            pathColor: `#EDD9A8`,
            textColor: 'var(--theme_color)',
            trailColor: 'var(--theme_color',
          })}
         />

标签： cssreactjsreact-nativestyling