React Native 占位符图标

Question

我在 React Native 中将图标放入 DatePicker 的占位符时遇到问题。事实上，我无法在该图标旁边放置一些文本 ('Search by date')。我尝试使用 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" 我有一个图标，我想在它旁边放文字 "Search by date"。这样，图标就显示出来了，但是当我也尝试添加文本时（使用模板字符串），它不显示图标，只显示文本，以及类似 [object, Object].

的东西

Answer 1

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

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

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

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

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

React Native 占位符图标

React Native placeholder icon

javascript

string-concatenation

placeholder

react-native