TouchableHighlight與滾動型路線不工作

export default class Main extends Component {  
    constructor(props) { 
    super(props);  
} 

    go_to_details(){ 
     this.props.navigator.push({ 
     title:'Wine Details', 
     component : winedetails 
     })  
    }  

    render() { 

    var tmp_array = [ 
     { 
    "product_name": "RED WINE", 
    "Price": 26, 
    "img": "./img/red-wine.jpg", 
    "bis": "Hanau Hbf", 
    "Wochentag": "Fr", 
    "Zeitraum": "" 
}, 
{ 
    "product_name": "GOLD WINE", 
    "Price": 27, 
    "img": "./img/red-wine.jpg", 
    "bis": "Regensburg Hbf", 
    "Wochentag": "So", 
    "Zeitraum": "" 
}, 
{ 
    "product_name": "ICE WINE", 
    "Price": 28, 
    "img": "./img/red-wine.jpg", 
    "bis": "WÃ¼rzburg Hbf", 
    "Wochentag": "Fr", 
    "Zeitraum": "" 
}, 
{ 
    "product_name": "ICE SCOT WINE", 
    "Price": 35, 
    "img": "./img/red-wine.jpg", 
    "bis": "Puttgarden", 
    "Wochentag": "tgl.", 
    "Zeitraum": "25.06. - 04.09." 
}, 
{ 
    "product_name": "ITALIC WIN", 
    "Price": 36, 
    "img": "./img/red-wine.jpg", 
    "bis": "Hamburg Hbf", 
    "Wochentag": "tgl.", 
    "Zeitraum": "25.06. - 04.09." 
} 
    ]; 

    var list = tmp_array.map(function(news, i){ 
     return(
     <View key={i}> 
      <Text>{news.product_name}</Text> 
      <View> 
      <Text>{news.Price}</Text> 
      </View> 
      <TouchableHighlight style={globle.buy_it} 
      onPress={() => this.go_to_details.bind(this) }> 
      <Text style={globle.buy_it_text}>BUY THIS</Text> 
      </TouchableHighlight> 
     </View> 
    ); 
    }); 

    return (
     <View> 
     <ScrollView> 
    {list} 
     </ScrollView> 
     </View> 
    ); 
    } 
}

這是錯誤TouchableHighlight與滾動型路線不工作

來源

2016-11-03 RUCHIKA GAMAGEE

歡迎使用堆棧溢出。請參加[遊覽]並閱讀[問]一個很好的問題。 –

您還需要綁定一個傳遞給'.map'或使用箭頭函數的函數。 –

試試下面的代碼

getRow(news, i) { 
     return (
      <View key={i}> 
       <Text>{news.product_name}</Text> 
       <View> 
        <Text>{news.Price}</Text> 
       </View> 
       <TouchableHighlight 
        style={globle.buy_it} 
        onPress={this.go_to_details.bind(this)}> 
        <Text style={globle.buy_it_text}>BUY THIS</Text> 
       </TouchableHighlight> 
      </View> 
     ); 
    } 

    render() { 

     //var tmp_array =.... //intialise array 

     var list = tmp_array.map(this.getRow.bind(this)); 

     return (
      <View> 
       <ScrollView> 
        {list} 
       </ScrollView> 
      </View> 
     ); 
    }

變化我已經是

添加綁定映射函數調用
在TouchableHighlight中修改onPress綁定語句

來源

2016-11-03 11:56:25 Jickson

TouchableHighlight與滾動型路線不工作

回答

相關問題