Function RenderTree

packages/core/src/components/Editor.tsx:49–73

(props: RenderTreeProps)

    onBlankSpacePress: () => void
}
function RenderTree(props: RenderTreeProps) {
    const {
        onBlankSpacePress
    } = props;
    const { blockTypes, defaultBlockType } = useBlockRegistrationContext();
    const { blocks, blocksOrder } = useBlocksContext();

    return (
        <>
            {/* We concat the "root" content (should be just one item) with the content of its only child. */}
            {blocksOrder.map((blockId: string, index: number) => {
                const Component = blockTypes[blocks[blockId].type].component;
                return (
                    <LayoutProvider blockId={blockId} key={`block-${blockId}`}>
                            <View style={{ backgroundColor: "transparent" }}>
                                <Component blockId={blockId} />
                            </View>
                    </LayoutProvider>
                )
            })}

            <BlankSpace onBlankSpacePress={onBlankSpacePress}/>
        </>
    )
}

interface EditorProps {
    children: React.ReactNode