React Native 占位符图标

Question

我在 React Native 中将图标放在 DatePicker 的占位符内时遇到问题。事实上，我无法在该图标旁边放置一些文本（“按日期搜索”）。我尝试使用 ES6 模板字符串，但它不起作用，或者我遗漏了一些东西...... 代码如下：

 <View style={styles.searchDateView}>
      <DatePicker
        defaultDate={this.state.chosenDate}
        minimumDate={new Date(1970, 1, 1)}
        maximumDate={new Date(2050, 12, 31)}
        placeHolderText={<FontAwesome5 name="calendar-alt" size={20} />}
        textStyle={{ color: 'grey' }}
        placeHolderTextStyle={styles.placeHolderTextStyle}
        onDateChange={date => this.onDateChange(date)
      />
    </View>

在“placeHolderText”内我有一个图标，在它旁边，我想放置文本“按日期搜索”。 这样，图标就会显示出来，但是当我也尝试添加文本（使用模板字符串）时，它不会显示图标，只显示文本，以及 [object, Object] 之类的内容。

Answer 1

欢迎来到 S.O.！ :-)

该特定图标是强制性的吗？
这样的事情应该可行吗？

    ...
    placeHolderText={<Text>&#128197; Search by date</Text>}
    ...

这应该工作（未经测试...）

P.S.：还有许多其他 unicode 日历图标...即：https://www.alt-codes.net/calendar-symbols。