рендеринг объектов в определенном положении с параметризацией в реагировать родной

Question

поэтому я хочу создать объект, окна сообщения, которые будут отображаться на экране в относительной позиции в контейнере.я знаю, чтобы использовать положение: «относительный» или «абсолютный» и использовать верхнее и левое значения, но я хочу дополнительно получить конкретные координаты из компонента контейнера.каждый экземпляр окна сообщения, которое я хочу визуализировать в определенном месте, извлекается из контейнера.в общем, я не могу найти что-то в реагировать на нативные, которые соответствуют моим потребностям ... я пытаюсь сделать приложение с управлением объектами на экране в абсолютном положении, весь алгоритм рендеринга и как двигаться будет управляться мной, но яНе могу найти хороший способ сделать так, чтобы в реагировать на нативном, кажется, что все стили лучше подходят для относительных и рендеринга объектов по дизайну заказа, у кого-то есть какие-то советы?

enter code here:
    export default class Message extends Component {
        constructor(props) {
        super(props)
        };

        render() {
            var position = StyleSheet.create({top: this.props.top, 
                                              left: this.props.left});
            var absoluteCircle = StyleSheet.flatten([styles.circle, 
                                                     position]);

            return (
                <View style={absoluteCircle}>
                     <Text style={styles.circleText}>{this.props.bubbleText} 
                     </Text>
                </View>
            );
      }
    }