React Native webview не отображается в другом компоненте - PullRequest
Новая
       64

React Native webview не отображается в другом компоненте

0 голосов
/ 17 марта 2020

Я новичок ie в React Native. Я хочу показать свое веб-видео внутри и снизу другому компоненту. Но веб-просмотр ничего не показывает. и другие данные компонента показывает. Пожалуйста, помогите мне. Я хочу отобразить веб-просмотр видео YouTube под компонентом другие данные Привет, я новичок ie в React Native. Я хочу показать свое веб-видео внутри и снизу другому компоненту. Но веб-просмотр ничего не показывает. и другие данные компонента показывает. Пожалуйста, помогите мне. Я хочу, чтобы веб-просмотр видео YouTube ниже компонента другие данные 

return (
<Container style={{backgroundColor: '#ffffff'}}>
  <ScrollView>
    <View style={{backgroundColor: '#ffffff'}}>
      <Image
        source={require('../assets/vertical_logo.png')}
        style={styles.logo}
      />
      <FlatList
        data={result}
        keyExtractor={item => item.id}
        renderItem={({item}) => {
          return (
            <View style={{backgroundColor: '#ffffff'}}>
              <Image
                source={{uri: item.speaker_image}}
                style={styles.speakerImg}
              />
              <Text numberOfLines={2} style={styles.title}>
                {' '}
                {item.title}{' '}
              </Text>
              <Text style={styles.name}> {item.speaker} </Text>

              <Text style={styles.description}> {item.description} </Text>
              <View
                style={{
                  flexDirection: 'row',
                  alignItems: 'center',
                  justifyContent: 'center',
                  backgroundColor: '#ffffff',
                }}>
                <TouchableOpacity>
                  <Icon
                    name="ios-heart-empty"
                    style={{margin: 5, bottom: 10}}
                  />
                </TouchableOpacity>
                <TouchableOpacity>
                  <Icon name="bookmark" style={{margin: 5, bottom: 10}} />
                </TouchableOpacity>
                <TouchableOpacity>
                  <Icon name="share" style={{margin: 5, bottom: 10}} />
                </TouchableOpacity>
                <TouchableOpacity>
                  <Icon name="md-alert" style={{margin: 5, bottom: 10}} />
                </TouchableOpacity>
              </View>

              <Text style={styles.description}>{item.speaker_desc}</Text>
            </View>
          );
        }}
      />
    </View>
    <View style={styles.container}>
      <WebView
        originWhitelist={['*']}
        useWebKit={false}
        source={{
          html: `
      XX
      <div>
        <iframe width="320" height="240" src="https://www.youtube.com/embed/li8yILhFFZM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
      </div> `,
        }}
      />
    </View>
  </ScrollView>
</Container>
...