状態値を渡すネイティブの返信

Question

styles containerのbackgroundColorの値をstate: colorにリンクしようとしていますので、背景色はtextInputの色に変更されます。ここに私のコードがあります。ありがとうございました！

import React, {Component} from 'react'; 
import { StyleSheet, Text, View, TextInput } from 'react-native'; 

export default class App extends Component { 
    state = { 
     color: '', 
    }; 

    _color = (text) => {this.setState({color: text})}; 
    _applyAndClear =() => { 
          this.setState({color: ''})} 

    render() { 
    return (
     <View style={styles.container}> 
     <TextInput 
      style={styles.input} 
      value = {this.state.color} 
      onChangeText = {this._color} 
      onSubmitEditing = {this._applyAndClear} 
     /> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: 'someColor', 
    alignItems: 'center', 
    justifyContent: 'center', 
    }, 
    input: { 
    borderWidth: 3, 
    width: 100, 
    height: 40, 
    borderColor: 'white', 
    alignItems: 'center', 
    justifyContent: 'center', 
    } 
}); 

Answer 1

次でこれを行うことができます：

<View style={[styles.container, { backgroundColor: this.state.color }]}>