React Native. Получить абсолютную естественную ширину позиционированного элемента - PullRequest
Новая
       63

React Native. Получить абсолютную естественную ширину позиционированного элемента

0 голосов
/ 07 мая 2020

Я разрабатываю простой выпадающий список. У нас есть родительская оболочка, имеющая некоторую ширину / высоту. Кроме того, у нас есть дочерний элемент (раскрывающийся список), который должен быть абсолютно позиционирован относительно родителя (например, кнопка раскрывающегося списка), но я не знаю, как сделать нормальную ширину раскрывающегося списка, потому что он имеет ту же ширину, что и родительский, и это нормально, потому что родительский по умолчанию имеет относительное положение.

Но я должен знать правильную «нормальную» ширину раскрывающегося списка, чтобы установить ее. В случае с Интернетом этого можно было добиться разными способами: 1) установите родительскую позицию: 'stati c', измерьте ширину раскрывающегося списка и верните все обратно 2) клонируйте раскрывающийся список в «тело», измерьте исходную ширину и верните ее обратно. 3) клонируйте раскрывающийся список в «тело» и просто поместите его относительно кнопки раскрывающегося списка.

Вопрос: как этого добиться в случае React Native? Спасибо за любую помощь!

пример

Маленький пример кода: 

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View style={{
      width: 40,
      height: 40,
      backgroundColor: 'green'
    }}>
      <View style={{ position: 'absolute', backgroundColor: 'yellow', left: 50 }} >
        <Text>Text 1</Text>
        <Text>Text long 1</Text>
        <Text>Long Long 2</Text>
      </View>
    </View>
  );
}
...