重構代碼，需要簡單的代碼

2.還是代碼冗余還需要修改

<ScrollView ref="scrollView"
    horizontal={true}
    showsHorizontalScrollIndicator={false}
    pagingEnabled={true} >

         <TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖1',null,null)} >
             <Text style={[
                  styles.advertisementContent,
                  {backgroundColor: 'gray'}

              ]}>廣告1</Text>
         </TouchableHighlight>
         <TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖2',null,null)} >

             <Text style={[
                  styles.advertisementContent,
                  {backgroundColor: 'red'}

              ]}>廣告2</Text>
         </TouchableHighlight>
         <TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖3',null,null)} >

              <Text style={[
                  styles.advertisementContent,
                  {backgroundColor: 'yellow'}

              ]}>廣告3</Text>
         </TouchableHighlight>


</ScrollView>

繼續

<ScrollView ref="scrollView"
    horizontal={true}
    showsHorizontalScrollIndicator={false}
    pagingEnabled={true} >
    {
        this.state.advertisements.map((advertisement,index) =>{
              return (
                   <TouchableHighlight key={index} onPress={
                       ()=>Alert.alert('你單擊的輪播圖',null,null)}>
                       <Text style={[
                          styles.advertisementContent,
                          {backgroundColor: advertisement.backgroundColor}

                      ]}>{advertisement.title}</Text>
                       
                   </TouchableHighlight>
              );
            }

        )
    }

         {/*<TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖1',null,null)} >*/}
             {/*<Text style={[*/}
                  {/*styles.advertisementContent,*/}
                  {/*{backgroundColor: 'gray'}*/}

              {/*]}>廣告1</Text>*/}
         {/*</TouchableHighlight>*/}
         {/*<TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖2',null,null)} >*/}

             {/*<Text style={[*/}
                  {/*styles.advertisementContent,*/}
                  {/*{backgroundColor: 'red'}*/}

              {/*]}>廣告2</Text>*/}
         {/*</TouchableHighlight>*/}
         {/*<TouchableHighlight  onPress={ ()=> Alert.alert('你單擊了廣告圖3',null,null)} >*/}

              {/*<Text style={[*/}
                  {/*styles.advertisementContent,*/}
                  {/*{backgroundColor: 'yellow'}*/}

              {/*]}>廣告3</Text>*/}
         {/*</TouchableHighlight>*/}


</ScrollView>

網絡圖片

<TouchableHighlight key={index} onPress={
    ()=>Alert.alert('你單擊的輪播圖',null,null)}>
    <Image style={styles.advertisementContent}
           source={{uri:advertisement.uri}}>
    </Image>
    {/*<Text style={[*/}
       {/*styles.advertisementContent,*/}
       {/*{backgroundColor: advertisement.backgroundColor}*/}

   {/*]}>{advertisement.title}</Text>*/}

</TouchableHighlight>