React Native игнорирует ширину, установленную на SVG-компоненте, но работает на React Native Web. - PullRequest
Новая
       24

React Native игнорирует ширину, установленную на SVG-компоненте, но работает на React Native Web.

0 голосов
/ 10 апреля 2020

У меня есть SVG в качестве компонента. Когда я устанавливаю его ширину на 100%, он работает в React Native Web, но не в нативном.

Здесь есть ссылка на код, однако устройства симулятора недостаточно широки, чтобы показать проблему. Если вы протестируете его на своем собственном устройстве с шириной более 375 пикселей, вы увидите проблему. https://snack.expo.io/@jamesweblondon / bold-scones

Я не могу опубликовать полный компонент здесь, поскольку он слишком большой, но это только начало: 

function SvgComponent() {
  return (
    <Svg
      width={375}
      height={337}
      fill="none"
      viewBox="0 0 375 337"
      style={{
        width: "100%",
        height: "auto",
      }}
    >

1 Ответ

0 голосов
/ 10 апреля 2020

Обычно ширина 100% работает нормально, когда ширина родительского элемента определяется не в процентах, а в некоторых единицах, таких как пиксели и т. Д. c. попробуйте жестко закодировать ширину родителя.

...