标签: flutter-web

我在登录页面中遇到 CircularProgressIndicator 的问题。我想这样做。当用户点击“登录”按钮时，我希望该应用程序创建一个 CircularProgressIndicator 并踢出 raiseButton Text 并添加 CircularProgessIdnicator，然后我的应用程序从我的网络服务获取数据我想停止 CircularProgessIndicator。有小费吗？谢谢。

实际代码（您可以毫无问题地编译它，只需在依赖项中添加 http: ^0.12.0 即可）。

实际系统照片：

登录第一步

我想实现的进度条（我想踢一下凸起的按钮）

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;


void main() => runApp(MaterialApp(home:MyApp()));

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool estaCargando = false;
  TextEditingController user = TextEditingController();
  TextEditingController phone = TextEditingController();
  Future<List> _loginn() async {
    var url = "https://pruebasxaviervelez.000webhostapp.com/login.php";
    final response = await http
        .post(url, body: {"usuario": user.text, "telefono": phone.text});
    print(response.body);
  }

  @override
  Widget build(BuildContext context) …

我正在寻找Flutter中的日历库，它同时支持 Web 和移动设备。

日历必须具有以下所有视图

• 日程视图
• 日视图（时间轴每小时）
• 3/5 天视图（时间轴每小时）
• 每周视图（时间轴每小时）
• 月视图（普通日历）

如果谷歌有相同的开源项目，那么从那里代码可以是抽象的，这也会有帮助。

我试过 syncfusion-flutter-calendar 但它不支持 Flutter Web。

以下是所需日历视图类型的屏幕截图

以下是所有看起来相似或相同的日历视图：

我目前正在使用 Flutter Geolocator Plugin 来访问用户的位置（纬度/经度），但它似乎还不适用于网络。我试图在 Flutter for web 中找到一些东西来检索用户的位置，但我找不到它。

有没有人已经尝试过/找到了可以完成这项工作的东西？

我想使用 flutter web 创建一个网站，但我无法导航到同一页面中的部分。这是我想要使用颤振实现的目标的示例。

PS 导航器不工作：

随着 Flutter 现在支持 Web 和移动应用程序开发，避免一直重写代码的最佳实践是什么？假设您的移动应用项目中有一些类/函数，您希望将它们重用于您的 Web 项目，导入这些文件是否可行？如果是这样，你能在多个项目中做到这一点吗？

提前致谢！

我有一个 Flutter Web 项目。我有以下 HTML 脚本需要放入HtmlElementView：

<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID"></script>
<script>paypal.Buttons().render('body');</script>

从这里。我试过这个：

Widget build(BuildContext context) {
    // ignore: undefined_prefixed_name
    ui.platformViewRegistry.registerViewFactory(
      'paypal-button',
        (int viewId) => IFrameElement()
        ..width = '500'
        ..height = '500'
        ..src = '''
        <div id="paypal-button-container"></div>
        <script src="https://paypal.com/sdk/js?client-id=MY_CLIENT_ID"></script>
        <script>
        paypal.Buttons({

            // Set up the transaction
            createOrder: function(data, actions) {
                return actions.order.create({
                    purchase_units: [{
                        amount: {
                            value: '0.01'
                        }
                    }]
                });
            },

            // Finalize the transaction
            onApprove: function(data, actions) {
                return actions.order.capture().then(function(details) {
                    // Show a success message to …

嗨，我正在尝试在 flutter web 中实现一个页面，该页面从 url 获取 id 并根据该 id 显示数据。它的工作原理是页面获取数据，但 url 本身在浏览器中没有改变。

对于路线部分，我已经把这个

                      onGenerateRoute: (settings) {
                        List<String> routeSplit = settings.name.split('/');
                        if (routeSplit[1] == 'pdp' && routeSplit.length > 2) {
                          int pdpId = int.parse(routeSplit[2]);
                          return MaterialPageRoute(
                              builder: (context) =>
                                  ActivityDescriptionPage(id: pdpId));
                        }
                      },

从此页面获取ID。并从我使用的代码发送到页面：

onTap: () => Navigator.pushNamed(context, '/pdp/' + activityId.toString())

因此，当我从上述/products页面执行上述行时，新页面内容已加载，但浏览器中的 url/products仅保留。我在这里做错了吗？

我无法使用颤振的视频播放器库从我的服务器播放视频当我尝试flutter视频工作正常并播放时，但如果我播放我的服务器端url视频，则会显示错误和黑屏。所以请帮助我缩短这个查询。

代码是

import 'package:audioplayers/audioplayers.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
class MyVideoPlayerPage extends StatefulWidget {
  String myvideo;
  MyVideoPlayerPage({this.myvideo});
  @override
  _MyVideoPlayerPageState createState() => _MyVideoPlayerPageState(myvideo);
}

class _MyVideoPlayerPageState extends State<MyVideoPlayerPage> {
  String myvideo;
  _MyVideoPlayerPageState(this.myvideo);
  VideoPlayerController _controller;
  Future<void> _initializeVideoPlayerFuture;



  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _controller = VideoPlayerController.network(
      //'http://ochapchap.com/public/propertyImage/1594746367.VID-20200713-WA0001.mp4'
    // 'http://techslides.com/demos/sample-videos/small.mp4',
      'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4'
    );
    _initializeVideoPlayerFuture = _controller.initialize();
    _controller.setLooping(true);
    _controller.setVolume(1);
  }
  @override
  void dispose() {
    _controller.dispose();

    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Video"),
      ), …

我刚刚构建并部署了一个 Flutter Web 应用程序。我遇到的问题是当我按箭头键时它不滚动，也没有滚动条。（只有 2 图形手势滚动是可能的）

我将 SingleChildScrollView() 与列作为其子项一起使用。

有没有办法实现它们？

还是只是其中之一？

我在 Flutter Web 应用程序中使用命名路由进行导航。导航到所需的路由时，URL 会更新，但我无法通过 URL 栏直接导航到该路由。每次我尝试在 URL 中添加路径时，它都会将我带到“.../#/”

使用更新的 URL 执行热重新加载时，出现以下错误：

Could not navigate to initial route.
The requested route name was: "/Page_One"
There was no corresponding route in the app, and therefore the initial route specified will be ignored and "/" will be used instead.

class Start extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My Site',
      theme: ThemeData(...),
      initialRoute: '/',
      routes: <String, WidgetBuilder> {
        "/": (context) => MainPage(),
        "/Page_One": (context) => Page2(0),
        "/Page_Two": (context) …