отображать веб-просмотр в карточке (реагировать на родную) - PullRequest
Новая
       20

отображать веб-просмотр в карточке (реагировать на родную)

0 голосов
/ 02 октября 2018

Я использую выставку для симулятора, поскольку я создал свое собственное приложение реакции с CRNA.И я хочу показать YouTube видео в WebView внутри элементов карты, но он не смог сделать, как я предполагал.

Вот мой код: 

import React, { Component } from 'react';
import { WebView } from 'react-native';
import { Card, CardItem } from 'native-base';

export default class MyWeb extends Component {
  render() {
    return (
      <Card>
      <CardItem>
        <WebView
          source={{uri: 'https://www.youtube.com/embed/OCMs-YhSp2o'}}
          style={{marginTop: 20}}
      /></CardItem>
      </Card>
    );
  }
}

Я не знаю, еслиэто из-за Карты или нет, потому что когда я удаляю Карту и показываю только WebView, она работает.Но так как я хочу поместить видео вместе с другими предметами (текст, изображение и т. Д.), Мне нужно использовать Карту для его отображения.

Пожалуйста, помогите мне ....

Спасибо завперед.

1 Ответ

0 голосов
/ 02 октября 2018

Поскольку я определил высоту CardItem, код теперь работает отлично.Спасибо Ниме за комментарий! 

import React, { Component } from 'react';
import { WebView } from 'react-native';
import { Card, CardItem } from 'native-base';

export default class MyWeb extends Component {
  render() {
    return (
      <Card>
      <CardItem style={{height:200}}>
        <WebView
          source={{uri: 'https://www.youtube.com/embed/OCMs-YhSp2o'}}
          style={{marginTop: 20}}
      /></CardItem>
      </Card>
    );
  }
}
...