ビューの高さを0に設定すると、ボタンの子が表示され、ボタンが消えないのはなぜですか？ここ

Question

がコードです、それは非常に簡単です：

render() { 
    return (
    <View> 
     <StatusBar hidden={true}/> 
     <View style={{height:0}}> 
      <Button> 
       <Text>this button should disappears</Text> 
      </Button> 
     </View> 
     <View style={{height:400}}> 
      <Text>other view</Text> 
     </View> 
    </View> 
    ); 
} 

、ここでは、出力のスクリーンショットです：あなたが見ることができるように、ビューの高さが0であるbeacause、

ので、ボタンのコンテナは見えませんが、なぜボタンがまだ表示されているのですか？

いくつかの作業の後、私は 'other view'のbackgroundColorを設定する必要があることを知りました&ボタンのように：

<View style={{height:400,backgroundColor:'white'}}> 
    <Text>other view</Text> 
</View> 

ボタンは表示されません。 これは奇妙なことですが、ちょうどボタンコンポーネント、私はいくつかの他のコンポーネントを試してみました、彼らはすべてOKです、それはボタンのバグですか？

ウォンキム・ハウは、彼思い出させるために、Buttonコンポーネントではなく、私が反応し、ネイティブv0.44.0を使用してい

「をネイティブに反応」「ネイティブベース」からである

おかげで、ネイティブ・ベース2.1.3

Answer 1

'react-native'のデフォルトButtonコンポーネントを使用するだけで正常に動作します。