Question

我致力于ios应用的辅助功能。

我在复选框上使用TouchableHightLight。

我需要ios的屏幕阅读器，VoiceOver知道如果选中或取消选中复选框，如何向用户公布。

<View style={styles.rememberMeContainer}>
    <TouchableHighlight
        underlayColor="transparent"
        accessibilityLabel={props.rememberMeText}
        accessible={true}
        style={styles.rememberMeCheckBox}
        onPress={() => {props.setRememberMe(!props.rememberMe)}}>
        <Image style={styles.checkBoxImage}
               source={props.rememberMe ?
                    require("../../../images/general/v_icon_purple.png") : null}/>
    </TouchableHighlight>
    <Text accessible={false} style={styles.rememberMeCheckBoxlabelStyle}>
        {props.rememberMeText}
    </Text>
</View>)

我看了： https://facebook.github.io/react-native/docs/accessibility.html ，但我找不到任何相关内容，或者我错过了什么。

我怎样才能访问？

Answer 1

    accessible={true}
    style={styles.rememberMeCheckBox}
    onPress={() => {props.setRememberMe(!props.rememberMe)}}>
    <Image style={styles.checkBoxImage}
           source={props.rememberMe ?
                require("../../../images/general/icon_unchecked.png") :  require("../../../images/general/icon_checked.png")}/>
</TouchableHighlight>

Answer 2

当前（0.59），React Native不支持switch的{{1}}或checkbox。

但是有一个PR支持添加了它。 https://github.com/facebook/react-native/pull/24095

希望它将降落在0.60版中。

我如何在React Native Accessibility中制作TouchableHightLight（复选框）？

2 个答案: