Как я могу проверить процесс рендеринга в React Native? ⇐ IOS

[Anonymous]

Я новичок в React Native.
В приложении выставки по умолчанию:

Код: Выделить всё

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
return (

Hello World


);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

Какие параметры отладки позволяют мне визуализировать подробную временную шкалу процесса рендеринга и, в частности, как жесты касания и взаимодействие между нативной и JavaScript-сторонами влияют на рендеринг.
Визуализация жизненного цикла визуализированного кадра была бы идеальной.
(например, для других языков/рендереров Трейси — полезный инструмент. Это лучший вариант? Инструкции для Android: какой эквивалент на IOS? Нужно ли мне полагаться исключительно на XCode Profiler?)
Для экспертов React Native это может быть простая рекомендация для RTFM, если вы укажете мне в нужном месте. В основном я спрашиваю, потому что меня беспокоят три разных отладчика (Hermes Debugger (Expos)/ Flipper/New Debugger (Experimental). Мне бы не хотелось тестировать каждый из них по отдельности.
Я установил реакции-devtools, fb idb и Flipper.
Я вижу точки останова, но, похоже, мне нелегко перейти от JS к машинному коду (и обратно).
Я могу проверять элементы, но не могу увидеть подробное представление о том, как они отображаются, сколько времени затрачивается на каждый элемент и т. д.).
В идеале я могу:

• использовать точки останова как в нативном, так и в js-коде
• увидеть визуализацию того, как рисуется кадр (полная разбивка процесса) (нужно ли написать встроенную поддержку для RenderDoc?)

Подробнее здесь: https://stackoverflow.com/questions/786 ... act-native