小编Dee*_*mod的帖子

从 url 中删除 # 后无法通过更改 url 在 flutter web 中导航

我可以通过在搜索栏中输入 url 来更改托管在 netlify(手动部署)上的 flutter web的 url ,从而导航到其他页面,如下所示:- 在此输入图像描述

因此,如果我将 /home 更改为 /about 那么它会完美地引导我到 about 页面。但是为了从我的网址中删除这个“#”,我在我的 main.dart我的代码中添加了以下代码 :-

import 'package:url_strategy/url_strategy.dart';

void main()async {
  await Firebase.initializeApp();
  setPathUrlStrategy();//this removes the '#' from my url
  FluroRouting.setupRouter();
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'My Website',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/home',
      onGenerateRoute: FluroRouting.router.generator,
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

路由代码是:-

class FluroRouting {
  static final router = FluroRouter();
  static Handler _aboutUsHandler = …
Run Code Online (Sandbox Code Playgroud)

flutter netlify flutter-dependencies flutter-web

6
推荐指数
1
解决办法
3897
查看次数

无法在我的 flutter web 中删除放大和缩小

我想禁用 flutter web 中的缩放。我已经尝试过这些事情:-

1)将以下代码添加到index.html文件

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

但它给了我以下警告并且没有禁用缩放。

WARNING: found an existing <meta name="viewport"> tag. Flutter Web uses its own viewport configuration for better compatibility with Flutter. This tag will be replaced.
Run Code Online (Sandbox Code Playgroud)

2)将以下代码添加到body标签中的index.html中:-

WARNING: found an existing <meta name="viewport"> tag. Flutter Web uses its own viewport configuration for better compatibility with Flutter. This tag will be replaced.
Run Code Online (Sandbox Code Playgroud)

它禁用了使用 ctrl 和鼠标滚动进行的缩放,但禁用了使用 ctrl + 进行缩放和 ctrl - 进行缩小的缩放。

那么,您能告诉我如何在所有平台(即桌面、Android 和 ios)的网站上禁用放大和缩小功能吗?

html javascript zooming flutter flutter-web

5
推荐指数
1
解决办法
5523
查看次数

如何在flutter中配置动画控制器

我有一个问题,比如在处置我的控制器之前我需要打电话吗_controller.stop();

我的代码:-

AnimationController _controller;
@override
void initState()
{
    super.initState();
    _controller = AnimationController(duration: const Duration(milliseconds: 700), vsync: this);
    _controller.repeat(reverse: true);
    _controller.forward();
}
Run Code Online (Sandbox Code Playgroud)

这个动画是为了展示一颗心,就像我们在 Instagram 上点击“喜欢”一样,然后心会增大并缩小。

点击心形按钮的代码:-

onTap: ()=>controlUserLikePost(),
Run Code Online (Sandbox Code Playgroud)

功能:-

controlUserLikePost()
{
   _controller.reset();
   _controller.forward();
}
Run Code Online (Sandbox Code Playgroud)

所以,我的问题是:-

@override
  void dispose()
  {
    _controller.stop();//do i need to call it as well?
    _controller.dispose();
    super.dispose();// and does it matter if i dispose the controller before this line or after this line.
  }
Run Code Online (Sandbox Code Playgroud)

flutter flutter-animation

4
推荐指数
1
解决办法
6079
查看次数