标签: flutter-web

所以我正在尝试为我的 flutter 项目构建一个多平台表。但是，当行数超过几百时，滚动就会变得非常缓慢，尤其是在 Web 应用程序中。构建过程也需要近 5 秒。为了构建选项卡，我在 SingleChildScrollView 中使用具有相同构建行的列。Flutter 的 Table 类也有同样的问题，我在 pub.dev jet 上找不到工作包。

即使在仅存在此表的项目中，滚动也是不可接受的。我可以做什么来构建 1000 或更多的大行数并平滑滚动？

这是简化的代码：

import 'package:flutter/material.dart';

class MyTable extends StatefulWidget{
  @override
  State<MyTable> createState() => _MyTableState();
}

class _MyTableState extends State<MyTable> {

  final double columnSpace = 5;
  final double rowSpace = 5;

  final decoration = BoxDecoration(
    borderRadius: BorderRadius.circular(5),
    color: Colors.grey,
  );

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Column(
        children: List.generate(1000, (index) => _buildRow(index)),
      ),
    );
  }

  _buildRow(int index){
    return Column(
      children: [
        SizedBox(
          height: …

我想更改 Flutter 安装图标

如果您检查我帖子中的“Chrome PWA install”链接。你可以看到我圈出了图标。我想将默认的颤动图标更改为我自己的图标。

Chrome PWA 安装 Chrome 应用程序/清单

如何更改标题和其他文本的字体系列、大小等？？？

我有一个 CustomScrollView 包含一个 SliverToBoxAdapter。我给的宽度为MediaQuery.of(context).size.width / 1.75。但它需要屏幕的全宽度。 在此输入图像描述。如果容器放置在 Customscrollview 之外，则容器的宽度有效。

class ProfileView extends GetView<ProfileController> {
  const ProfileView({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {

    return Scaffold(
            backgroundColor: Colors.white,
            body: Row(children: [
             Expanded(
                    child: CustomScrollView(
                      shrinkWrap: true,

                      slivers: [
                        SliverToBoxAdapter(
                          child: Padding(
                            padding:
                            const EdgeInsets.only(top: 40.0, left: 45),
                            child: Container(
                              padding: EdgeInsets.only(top: 30),
                              width: MediaQuery.of(context).size.width / 1.75,
                              decoration: BoxDecoration(
                                border:
                                Border.all(color: Colors.red, width: 0.7),
                                color: Color(0xfffbfbfa),
                              ),
                              child: Stack(
                                children: [
                                  Positioned(
                                    right: 0,
                                    top: 0,
                                    child: …

当我将应用程序连接到手机时，我运行它，然后出现以下内容

它还出现在 DEBUG CONSOLE 列表中，该列表呈蓝色且不会停止计数

Exception has occurred. _AssertionError (\'package:flutter/src/material/bottom_navigation_bar.dart\': Failed assertion: line 188 pos 11: \'items.every((BottomNavigationBarItem item) => item.label != null)\': Every item must have a non-null label)

我尝试将值 \xe2\x80\x8b\xe2\x80\x8bin 插入到 BottomNavigationBar

我已经克隆了https://github.com/flutter/flutter_web存储库，我正在尝试在示例目录中运行 hello_world 程序。

我已经完成了 GitHub 页面中指示的所有内容。此外，我使用 apt 安装了 dart SDK，因为我遇到了另一个错误，“webdev dart: not found”，这是固定的。

现在我在运行“webdev serve”时遇到以下错误，“自生成 pubspec.lock 文件以来，pubspec.yaml 文件已更改，请再次运行“pub get”。

我运行了“flutter pub get”和“flutter pub upgrade”，这没有解决。

我希望这会在端口 8080 上启动 Web 服务器。输出

flutter pub get -v

是

[  +18 ms] executing: [/home/meth/Documents/development/flutter/] git log -n 1 --pretty=format:%H
[  +21 ms] Exit code 0 from: git log -n 1 --pretty=format:%H
[        ] 7a4c33425ddd78c54aba07d86f3f9a4a0051769b
[        ] executing: [/home/meth/Documents/development/flutter/] git describe --match v*.*.* --first-parent --long --tags
[   +7 ms] Exit code 0 from: git …

我想在flutter web上上传图片，但是我知道的pub之类的image_picker只支持Android和iOS，而Flutter Web不支持。我知道的另一个 pub 是 pub image，但我不知道如何在 flutter web 上使用 pub image.. 我请求分享您关于使用 pub image 或其他 pub 上传支持 flutter web 的图像的知识..

在新的Flutter Web 1.9上寻找图像选择器。我找到了一种方法，但不到1.9，现在合并了，不知道我怎么能做到这一点。尝试使用dart：html，但无法发布！仅在跑步时

你好，

我的 WebView 无法加载的问题。它只显示一个加载屏幕。

我在 Flutter for Web 中使用 flutter_webview_plugin。我不知道为什么它总是加载。它总是这样做，无论我尝试过什么网站。

import 'package:flutter/material.dart';
import 'package:website_aalen_by_night/widgets/info_card.dart';
import 'package:website_aalen_by_night/widgets/nav_bar.dart';

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AAlen by Night',
      theme: ThemeData.dark(),
      home: WebsiteAalenByNight(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class WebsiteAalenByNight extends StatefulWidget {
  @override
  WebsiteState createState() => WebsiteState();
}

ScrollController controller = new ScrollController();

class WebsiteState extends State {
  @override
  Widget build(BuildContext …

我想开发一个 Flutter 应用程序，用户可以通过一个按钮从在线下载所有视频并将其存储在本地设备上，然后在 Flutter 应用程序上使用视频播放器离线播放这些视频？

我通过资产视频做到了这一点。但是如果我使用来自资产的视频并构建应用程序，那么 apk 大小会更大。这就是为什么我想要制作这个颤动应用程序，用户打开应用程序并单击一个按钮一个按钮，按下一个按钮，通过选定小部件中的链接从预定义服务器下载的列表视频。然后用户可以通过视频播放器播放这些视频。