Question

我知道如何设置一些大胆的文字如下。

<Text>I am<Text style={{fontWeight:bold}}>a developer</Text></Text>

但我需要如何使用道具。

示例，

  <FlatList
          data={[{
            title: 'I am<Text style={styles.bold}>a developer</Text>',
            key: 'item1',
            id: 1
          }]}
          extraData={this.state}
          renderItem={this._renderItem}
        />

FlatList中的标题用于_renderItem。

<Text>this.props.title</Text>

但它会在下面的设备屏幕上显示。

I am<Text style={styles.bold}>a developer</Text>

道具中的标题只呈现字符串。

Answer 1

我想你应该将jsx传递给title prop：

spring-boot-starter-web

编辑：如果这不起作用，你可以用两个道具分隔你的标题：

title: {<Text>I am <Text style={{fontWeight:bold}}>a developer</Text></Text>}

然后在_renderItem中显示它：

<FlatList
    data={[{
      title: 'I am',
      titleBold: 'a developer'
      key: 'item1',
      id: 1
    }]}
    extraData={this.state}
    renderItem={this._renderItem}
 />

如何在React-Native中将某些文本设置为粗体？

1 个答案: