react-native-vector-iconをプログラムで削除する

メニューを閉じるときに、反応するネイティブベクターアイコンをプログラムで削除する必要があります。私は反応するネイティブ・ベクトルのアイコンと似た何かをする必要がありreact-native-vector-iconをプログラムで削除する

color: menuTextColor(props.isOpen)

：

スタイルで、その後

export const menuTextColor = (isOpen) => { 
    return isOpen ? 'white' : 'transparent' 
}

：私はこれをしなかったメニューテキストと同じ効果のために

。同じことをすることはうまくいかないようでした。どうすればいいのですか？

アイコンが付いたコード：

let Menu = (props) => (
    <View style={{ flex: 1 }}> 
    <OffCanvas3D 
     active={props.isOpen} 
     onMenuPress={props.togglePageMenu} 
     backgroundColor={'#222222'} 
     menuTextStyles={{ color: menuTextColor(props.isOpen), backgroundColor: 'transparent'}} 
     handleBackPress={true} 
     menuItems={[ 
     { 
      title: 'Search Products', 
      icon: <Icon name="bell" size={35} color={menuTextColor(props.isOpen)} style={{backgroundColor: 'transparent'}} />, 
      renderScene: <SearchPage /> 
     }, 
     { 
      title: 'Add Products', 
      icon: <Icon name="bell" size={35} color={menuTextColor(props.isOpen)} style={{backgroundColor: 'transparent'}} />, 
      renderScene: <AddPage /> 
     } 
     ]} /> 
    </View> 
)

出典

2017-05-13 BeniaminoBaggins