Feat: edit and view - support simulated Android device preview

This commit is contained in:
2024-03-22 16:54:43 +08:00
parent 3e34ae7616
commit 3ac302c14b
14 changed files with 298 additions and 14 deletions

View File

@@ -10,6 +10,7 @@ interface PreviewProps {
entryPoint: string
preExpansionCode?: string
postExpansionCode?: string
mobileMode?: boolean
}
const Preview = ({
@@ -18,7 +19,8 @@ const Preview = ({
importMap,
entryPoint,
preExpansionCode = '',
postExpansionCode = ''
postExpansionCode = '',
mobileMode = false
}: PreviewProps) => {
const [errorMsg, setErrorMsg] = useState('')
const [compiledCode, setCompiledCode] = useState('')
@@ -41,7 +43,7 @@ const Preview = ({
return (
<div data-component={'playground-preview'}>
<Render iframeKey={iframeKey} compiledCode={compiledCode} />
<Render iframeKey={iframeKey} compiledCode={compiledCode} mobileMode={mobileMode} />
{errorMsg && <div className={'playground-error-message'}>{errorMsg}</div>}
</div>
)