如何在React Native组件上设置accessibilityIdentifier？

Question

我想在React Native组件中添加accessibilityIdentifier，以便我可以使用Xcode的UI测试来浏览我的应用程序。

有没有办法为React Native指定accessibilityIdentifier（不 accessibilityLabel）？

Answer 1

您可以使用testID属性在React Native组件（视图，文本，图像...）上添加accessibilityIdentifier。它在iOS上以accessibilityIdentifier的形式添加到组件中。 请注意，它不适用于自定义组件。

这是一个例子：

<TextInput
  placeholderTextColor="#dddddd"
  style={[styles.main, styles.textColor]}
  placeholder="Add a new todo item"
  onChangeText={this.handleInputChanges}
  value={inputValue}
  testID="addToDoItem"
/>