如何在React Native中将项目的URL解析为WebView源?

时间:2019-07-20 07:29:35

标签: react-native expo

假设我有一个图书搜索应用程序,该应用程序从JSON文件中获取数据,并且我想在WebView中打开一个URL(可从何处购买书本)?

我尝试了Linking,但是它没有样式道具(因为我想在模式/非全屏视图中打开URL)。然后,我尝试了WebView,但不知道如何将当前项目的URL解析为WebView源。

  renderItem = ({item}) => {
    return (
      <View style={{padding: 15}}>
        <Card>
          <View>
          <View>
          <Card.Content>
          <View>
            <Paragraph>{item.name}</Paragraph>
              <Paragraph style={{color: 'orange'}}>{item.price}</Paragraph>
              {/*<View>
                  <Button mode='outlined' onPress={() => Linking.openURL(item.url) }>Open URL in a modal</Button>
              </View>*/}
            </View>
          </Card.Content>
          </View>
          <View>
            <Card.Cover source={{uri: item.image}} />
          </View> 
          </View>
          </Card>
      </View>
    );
  }

0 个答案:

没有答案