openkraken / kraken

A web standards-compliant, high-performance rendering engine based on Flutter.
https://openkraken.com
Apache License 2.0
4.92k stars 305 forks source link

启动黑屏 #1426

Open calvin2021y opened 2 years ago

calvin2021y commented 2 years ago

使用的 Kraken 版本

0.10.5

fluter 2.8.1

重现步骤

step1: flutter create myapp

step2: add kraken: '>= 0.0.1'

step3: flutter pub get

step4: flutter build apk --target-platform android-arm64

重现代码

import 'package:flutter/material.dart';
import 'package:kraken/kraken.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    var s = """var text1 = document.createTextNode('Hello Kraken!');
var br = document.createElement('br');
var text2 = document.createTextNode('你好,北海!');
var p = document.createElement('p');
p.className = 'p';
p.style.textAlign = 'center';
p.appendChild(text1);
p.appendChild(br);
p.appendChild(text2);

document.body.appendChild(p);""";
    Kraken kraken = Kraken(bundle: KrakenBundle.fromContent(s));

    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: kraken
    );
  }
}

预期结果

apk安装启动后显示ui

实际结果

apk安装启动后直接黑屏