反应本机可触摸不透明度问题

Question

I am trying to create a Button/Icon Component updates icon image based on the url I am linking the user to. For example I have a movie object and I want to link users to imdb and rotten tomatoes. I want that component to show the icon for rotten tomatoes when linking the rotten tomatoes deep link and the imdb icon when linking imdb url.

I am rendering the data from an array. For example:

const Movie = [
{ key: 1,
tile: Good Will Hunting
icon1:'./images/imdb.png',
url1: 'http://www.imdb.com/title/tt0119217/?ref_=nv_sr_1',
icon2:'./images/rottentomatoes'
url2: 'https://www.rottentomatoes.com/m/good_will_hunting'

    <View>
     <TouchableOpacity onPress={this._handleOpenWithLinkingUrlOne}>
                  <Image
                    source={require("url one icon")}
                    style={styles.ImageIconStyle}
                  />
                </TouchableOpacity>

       <TouchableOpacity onPress={this._handleOpenWithLinkingUrlTwo}>
                  <Image
                    source={require("url two icon")}
                    style={styles.ImageIconStyle}
                  />
      </TouchableOpacity>
    </View>


    _handleOpenWithLinkingUrlOne = () => {
        Linking.openURL("data from url two");
      };
    _handleOpenWithLinkingUrlTwo = () => {
        Linking.openURL("data from url two");

  };

How can I pull the data from the object to both so it renders the data?

Answer 1

您可以将数据设置为状态，然后在图像组件上使用source={{uri: this.state.movie.uri1}}或source={{uri: this.state.movie.uri2}}