変更ボタンの色ネイティブの反応

Question

ボタンの色を変更したいだけですが、できません。私はボタンで直接変更しようとし、スタイルを渡しました。しかしどちらも働いていませんでした。 ここに私の非常に単純なコードがあります。

export default class Dots extends Component { 
    render() { 
    return (
     <Image style={styles.container} source={require('./background3.png')}> 
     <Button title='play' style = {{color:'red'}}/> 
     </Image> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex:1, 
    backgroundColor:'transparent', 
    resizeMode:'cover', 
    justifyContent:'center', 
    alignItems:'center', 
    width:null, 
    height:null 
    }, 

    button:{ 
    backgroundColor:'#ff5c5c', 
    } 

}); 

Answer 1

コンポーネントButtonは、使用する各プラットフォームでネイティブボタンをレンダリングします。このため、style小道具には反応しません。それはそれ自身の小道具を持っています。それを使用する

正しい方法は

<Button color='#ff5c5c` title='I'm a button! />

されているだろうあなたは今ここにhttps://facebook.github.io/react-native/docs/button.html

マニュアルを参照してくださいすることができ、あなたがそのあなたの'LLのために、スーパーカスタマイズ可能なボタンを作りたいんと言いますビューとタッチ可能な不透明度を使用する必要があります。これに沿った何か。

<TouchableOpacity onPress={...}> 
    {... button markup} 
</TouchableOpacity> 

あなたは自分のボタンコンポーネントでそれを包んで使用します。