Видео появляется в верхней части экрана. Как я могу выровнять его по центру

У меня есть видеоплеер в React Native, который находится вверху страницы, но я хочу, чтобы он был в центре экрана. Как я могу этого добиться. Вот код

      return (
      <View>
        <KSYVideo
         source = {{
         uri: "rtmp://184.72.239.149/vod/mp4:bigbuckbunny_1500.mp4"

         }} // Can be a URL or a local file.
      ref = {ref => {
        this.player = ref;
      }} // Store reference
      volume = {1.0}
      muted = {false}
      paused = {this.state.paused} // Pauses playback entirely.
      resizeMode = "stretch" // Fill the whole screen at aspect ratio.*
      repeat = {true} // Repeat forever.
      playInBackground = {false}  
      progressUpdateInterval = {250.0}
      style = {{ height: 300, justifyContent: 'center', 
      alignItems: 'center' }}
    />

Попробуйте дать justifyContent: 'center' родительскому виду.

— 19.03.2019 08:12

Родительский просмотр значит?

— 19.03.2019 08:14

Я уже установил в разделе стилей

— 19.03.2019 08:15

react-native

19.03.2019 08:04

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

Ответы 1

Попробуй это.

<View style = {{justifyContent: 'center'}} >
    <KSYVideo
     source = {{
     uri: "rtmp://184.72.239.149/vod/mp4:bigbuckbunny_1500.mp4"

     }} // Can be a URL or a local file.
  ref = {ref => {
    this.player = ref;
  }} // Store reference
  volume = {1.0}
  muted = {false}
  paused = {this.state.paused} // Pauses playback entirely.
  resizeMode = "stretch" // Fill the whole screen at aspect ratio.*
  repeat = {true} // Repeat forever.
  playInBackground = {false}  
  progressUpdateInterval = {250.0}
  style = {{ height: 300, 
  alignSelf: 'center' }}
/>
</View>

19.03.2019 08:17

Другие вопросы по теме

Реагировать Маска ввода собственного числа всегда с двумя десятичными знаками

React-native-firebase — сборка релиза Xcode iOS не работает как сборка отладки

Против кода для React-Native: можно ли вручную связать библиотеки?

Обработчик жестов получил нулевой объект

Реагировать на собственный календарь значков Svg с датой внутри него

React-native TabNavigator внутри StackNavigator, не может перемещаться между экранами

Как использовать StackNavigator с DrawerNavigator и SwitchNavigator в React Native?

Исключение в HostObject::get: <unknown> — React Native Build Android

Axios Post Response React Native & Mockable

React-navigation: заголовок не отображается при использовании навигатора нижней вкладки

Видео появляется в верхней части экрана. Как я могу выровнять его по центру

Ответы 1

Другие вопросы по теме

Похожие вопросы