audio

Блок размещает компонент воспроизведения аудио на экране.

Свойства

src: { url, durationSeconds }

Информация об аудио файле

• url *: string
  URL расположения аудио файла.

• durationSeconds: number
  Продолжительность аудио в секундах.

title: string

Заголовок блока. Имеет жирный стиль.

subTitle: string

Подзаголовок блока.

style

Изменение внешнего вида, расположения и геометрии блока.

• width, maxWidth, minWidth
  Ширина блока. Подробнее.

• height, maxHeight, minHeight
  Высота блока. Подробнее.

• margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
  Внешние отступы блока. Подробнее.

• position
  Метод позиционирования блока: relative или absolute. Подробнее.

• top, right, bottom, left
  Смещение относительно исходной позиции. Подробнее.

• border
  Задание границ для блока по всем четырём сторонам: толщина, стиль и цвет. Подробнее.

• borderTop, borderRight, borderBottom, borderLeft
  Задание индивидуальных границ для сторон блока: толщина и цвет. Подробнее.

• borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius
  Скругление углов границ. Подробнее.

• borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth
  Толщина границ. Подробнее.

• borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor
  Цвет границ. Подробнее.

• backgroundColor
  Цвет фона блока. Подробнее.

• backgroundGradient
  Градиент фона блока. Подробнее.

• opacity
  Непрозрачность всего блока с его содержимым. Подробнее.

• elevation
  Высота тени. Подробнее.

• shadowColor
  Цвет тени блока. Подробнее.

• flexBasis
  Исходный размер блока по главной оси контейнера. Подробнее.

• flexGrow
  Коэффициент роста блока по главной оси контейнера. Подробнее.

• flexShrink
  Коэффициент сжатия блока по главной оси контейнера. Подробнее.

• alignSelf
  Выравнивание конкретного блока поперёк главной оси контейнера. Подробнее.

Примеры

<audio
  src={{
    url: "https://fs.chatium.io/get/audio_ANlDoIs0xm.d12.wav",
    durationSeconds: 11
  }}
  title="Drum solo"
  subTitle="Enjoy the groove"
/>