我正在为我的react-native项目使用排毒,并且它具有使用react-native-calendar中的Agenda组件的日历组件。我正在为议程组件添加一个testID,但似乎没有一个。
这是我的议程代码。
<Agenda
items={this.state.items}
onDayPress={(day)=>{console.log('day pressed',day)}}
onDayChange={(day)=>{console.log('day changed')}}
pastScrollRange={50}
futureScrollRange={50}
renderItem={(item, firstItemInDay) => {return (<CalendarEvent EventID={item.EventID} navigation ={this.props.navigation}/>);}}
renderEmptyDate={() => {return (<EmptyEvent/>);}}
// specify what should be rendered instead of ActivityIndicator
//renderEmptyData = {() => {return (<EmptyEvent/>)}}
rowHasChanged={(r1, r2) => {return r1.text !== r2.text}}
// By default, agenda dates are marked if they have at least one item, but you can override this if needed
markedDates={markedDates}
theme={{
backgroundColor: '#203546',
calendarBackground: '#203546',
textSectionTitleColor: '#ffffff',
selectedDayBackgroundColor: '#203546',
selectedDayTextColor: '#ffffff',
todayTextColor: '#00adf5',
dayTextColor: '#ffffff',
textDisabledColor: '#ffffff',
dotColor: '#ffffff',
selectedDotColor: '#ffffff',
monthTextColor: '#ffffff',
textMonthFontWeight: 'bold',
textDayFontSize: 16,
textMonthFontSize: 20,
textDayHeaderFontSize: 15,
agendaDayTextColor: 'white',
agendaDayNumColor: 'white',
agendaTodayColor: '#00adf5',
agendaKnobColor: 'white'
}}/>
最佳答案
react-native-calendars
存储库中的快速search表示testID
道具仅在CalendarHeader
组件中受支持。
该库提供的其余组件似乎不支持testID
,但这并不意味着它们不能。
如果您查看排毒troubleshooting guide以添加testID
道具的状态是:
解决方案:React Native仅在本机上支持testID
道具
内置组件。如果您创建了自定义复合组件,
您将必须自己支持此道具。你可能应该
将testID属性传播到您渲染的一个子对象(内置
零件):
不幸的是,Agenda
组件不是您自己创建的,因此您对它的道具没有太多控制权。您可以采取一些行动:
创建一个问题,并希望仓库的开发团队中的某人做出您想要的更改。
分叉图书馆。现在,您可以完全控制该组件。您将能够添加所需的testID
道具。然后,您可以使用库的分支版本。这可能很有用,但请注意,您将必须维护分叉的存储库。您始终可以将更改作为PR提交,并且可能会合并到实际发行版中。
最快的解决方案显然是选项2。然后,您可以在package.json
中使用派生版本,如下所示:
"react-native-calendars": "your_github_name/react-native-calendars"