小编Sim*_*n B的帖子

Flutter 动画 BackDropFilter

我想知道是否可以在屏幕上添加淡入和淡出模糊效果。你有什么主意吗 ?我目前正在使用BackDropFilter模糊我的屏幕,但它出现时不会消失......

mobile blur dart flutter

7
推荐指数
2
解决办法
4028
查看次数

如何将2个listView排成一行?

我希望能够将 2 个 ListView 排成一行,这样它们就完全独立,并且我可以动态地向其中添加项目。就好像我有一个分数列,旁边还有一个击杀数列。

\n\n

有人知道怎么做吗?

\n\n

我尝试过:

\n\n
Row(\n                  mainAxisSize: MainAxisSize.max,\n                  children: <Widget>[\n                    Container(\n                      height: 200,\n                      child: ListView(\n                        children: <Widget>[\n                          Text("Hey")\n                        ],\n                      ),\n                    ),\n                    VerticalDivider(),\n                    Container(\n                      height: 200,\n                      child: ListView(\n                          children: <Widget>[\n                          Text("Hey")\n                      ]),\n                    ),\n                  ],\n                )\n
Run Code Online (Sandbox Code Playgroud)\n\n

这是我的完整课程:

\n\n
import \'package:flutter/cupertino.dart\';\nimport \'package:flutter/material.dart\';\n\nclass GamePage extends StatefulWidget {\n  @override\n  _GamePageState createState() => _GamePageState();\n}\n\nclass _GamePageState extends State<GamePage>{\n  @override\n  Widget build(BuildContext context){\n    return CupertinoPageScaffold(\n        navigationBar: CupertinoNavigationBar(\n          middle: Text("Jeu", style: TextStyle(fontSize: 20.0),),\n        ),\n        child: SafeArea(\n          child: Container(\n            padding: EdgeInsets.all(20),\n            child: Column(\n              children: …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

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

Flutter - 当键盘出现在 android 上时,文本字段不显示

我的问题是,当我专注于文本字段时,键盘会出现,但布局不会调整大小以将其保留在视图中。此问题仅适用于 android 而不适用于 iOS:这是我的意思的屏幕截图:

安卓之前和之后:

前 后

在 iOS 之前和之后:

在此处输入图片说明 在此处输入图片说明

这是我的课:

class PlayerSelectionPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    int itemCount = Provider.of<PlayerProvider>(context).getPlayerList.length;
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
    ]);
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context).translate('player_selection_page_title')),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: (){
          HapticFeedback.mediumImpact();
          Navigator.push(context, MaterialPageRoute(builder: (context) => HomePage(), settings: RouteSettings(name: 'Home page')));
        },
        child: Icon(
          Icons.chevron_right,
          size: 30,
          color: Colors.white,
        ),
      ),
      body: itemCount > 0 ? ListView.builder(
          itemCount: itemCount,
          itemBuilder: (context, index) {
            return Column(
              children: [
                PlayerDismissible(index),
                Divider(
                  height: 0,
                )
              ],
            ); …
Run Code Online (Sandbox Code Playgroud)

android textfield ios dart flutter

3
推荐指数
2
解决办法
1275
查看次数

Flutter - 带有搜索栏的自定义条子应用程序栏

我想要一个带有搜索栏的自定义 Sliver 应用程序栏。我制作了一个如下所示的应用程序栏:

带搜索栏的应用程序

但我希望当我们向下滚动时,应用栏将如下所示:

应用程序没有搜索栏,但标题仍然存在

实际上,普通应用程序栏的代码只是绿色AppBarelevation: 0,就在下面我添加了我的Header(). 这是我的标题的代码:

class Header extends StatefulWidget {
  String title;
  IconData icon;

  Header({@required this.title, @required this.icon});

  @override
  _HeaderState createState() => _HeaderState();
}

class _HeaderState extends State<Header> {
  TextEditingController _editingController;


  @override
  void initState() {
    super.initState();
    _editingController = TextEditingController();
  }

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return PreferredSize(
      preferredSize: size,
      child: Container(
        margin: EdgeInsets.only(bottom: kDefaultPadding * 2.5),
        height: size.height*0.2,
        child: Stack(
          children: [
            Container(
              height: size.height*0.2-27,
              width: size.width,
              decoration: …
Run Code Online (Sandbox Code Playgroud)

appbar ios dart flutter flutter-sliver

3
推荐指数
1
解决办法
6569
查看次数

Flutter,如何刷新 Navigator.pop 上的最后一个页面状态

我有页面,p1 和 p2。当您启动应用程序时,您位于 p1 并且可以打开 p2。我希望当您使用后退按钮离开 p2 时,p1 状态刷新(就像再次调用 initState() 而不使用 Navigator.push 或使用 WillPopScope 创建新路线)。

是否可以 ?

android back ios dart flutter

2
推荐指数
1
解决办法
8824
查看次数

Flutter WillPopScope 禁用向左滑动以返回 IOS

WillPopScope在我的颤振应用程序中使用它并禁用了在 IOS 中非常有用的“向左滑动返回”。如何保留WillPopScope但重新添加 iOS 手势?

gesture ios dart flutter

0
推荐指数
1
解决办法
3047
查看次数