react-nativeでコンポーネントプロパティのスタイルを動的に変更する方法は？

Question

SimpleScrollViewのbackgroundColorを動的に変更する方法は？ そして、反応ネイティブでDOMを取得する方法は？

// SimpleScrollView

const NUM_ITEMS=20; 

class SimpleScrollView extends React.Component{ 
    static title= '<ScrollView>'; 
    static description='Component'; 
    itemClick(){ 
    //how to dynamically modify SimpleScrollView's backgroundColor 

    } 
    makeItem(itemsCount:number,itemStyles):Array<any>{ 
    let newItems=[]; 
    for(let i=0;i<itemsCount;i++){ 
     newItems[i]=(<TouchableOpacity key={i} style={itemStyles} onPress={()=>this.itemClick()}> 
      <Text >{'item'+i}</Text> 
     </TouchableOpacity> 
    ); 
    } 
    return newItems; 
    } 
    render(){ 
    let items=this.makeItem(NUM_ITEMS,styles.itemWrapper); 
    items[5]=(
     <ScrollView key={'scrollView'} horizontal={true} > 
     {this.makeItem(NUM_ITEMS,[styles.itemWrapper,styles.horizontalItemWrapper])} 
     </ScrollView> 
    ); 
    let verticalScrollView=(
     <ScrollView style={styles.verticalScrollView}> 
     {items} 
     </ScrollView> 

    ); 
    return verticalScrollView; 

    } 
} 

var styles = React.StyleSheet.create({ 
    verticalScrollView: { 
    margin: 10, 
    }, 
    itemWrapper: { 
    alignItems:'center', 
    backgroundColor: '#dddddd', 
    borderRadius: 5, 
    borderWidth: 5, 
    borderColor: '#a52a2a', 
    padding: 20, 
    margin: 5, 
    }, 
    horizontalItemWrapper: { 
    padding: 20 
    }, 
}); 

Answer 1

私はあなたがこのアプローチを使用することができます "setNativeProps" を探しているOUを考えるdirect manipulation page