2016-02-05 77 views
0

我需要像VoiceOver這樣的屏幕閱讀器不識別(或不「閱讀」)這個<View>有沒有什麼辦法可以「隱藏」一個視圖到屏幕讀取器,就像在HTML中做的「隱藏的aria」一樣?

例如,讓我們假設我們有一個簡單的應用程序與此模板代碼:<View><Text>Events</Text></View>

當我運行這個應用程序,我可以看到屏幕上的「事件」。然後,如果我啓用VoiceOver,他說:「事件」。那麼,我希望他不能說「事件」。換句話說,我希望他不能讀這個活動。就像HTML中的「詠歎調隱藏」一樣。

可能嗎?

+0

可能重複的[如何以編程方式隱藏視圖?](http://stackoverflow.com/questions/5756136/how-to-hide-a-view-programmatically) – Sufian

回答

-2

嘗試view.setVisibility(HIDDEN);

+0

對不起,我正在使用ReacNative 和我找不到任何有關.setVisibility(HIDDEN)的文檔。 https://facebook.github.io/react-native/docs/view.html#content 即便如此我嘗試在我的應用程序,但它doesn't工作: '代碼 componentDidMount(){ this.refs.View.setVisibility(「hidden」); } ' – Marseca

+0

設置可見性:您可以使用setVisibility(int) – FixXxeR

+1

隱藏或顯示視圖沒有View.HIDDEN –

0

要顯示/隱藏在反應天然的圖有條件,使用一個單獨的渲染功能來檢查條件:

render: function(){ 
    return (
     {this.renderOnCondition()} 
    ); 
}, 
renderOnCondition: function(){ 
    if(whateverCondition){ 
     return (<View />); 
    } 
} 
+0

這樣的事情但我需要始終可見的。只有我需要像VoiceOver這樣的屏幕閱讀器不會識別(或不「閱讀」)這個視圖。例如,有一個事件。我可以看到這個視圖,但我希望盲人在使用VoiceOver時不能「看到」這個。 – Marseca

0

嘗試使用

<View accessibleLabel={""}>...</View> 

默認react-native給屏幕閱讀器文本節點連接。通過指定accessibilityLabel,可以爲此給定視圖禁用此行爲。

相關問題