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

Question

我想将 accessibilityIdentifier 添加到 React Native 组件，这样我就可以使用 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"
/>