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。

React Native占位符图标

1 个答案: