小编Par*_*iya的帖子

向上滑动以在颤动中导航到主屏幕

我们想要在我们的 flutter 应用程序中实现一个“向上滑动”功能来导航到我们的主屏幕,我们想在所有屏幕的底部都有一条水平线来指示它的存在。我不确定如何为此功能实现手势检测器。

我有这个代码,它有时可以工作,但我认为我的容器需要更大才能读取滑动。我正在使用这个包:“swipedetector 1.2.0”。

在模拟器模式下用鼠标滑动它并不经常工作,但在我的 Surface 平板电脑模式下它工作得很好。有一个更好的方法吗?

SwipeDetector(
         onSwipeUp: () {
           setState(() {

           });
           Navigator.of(context).push(new MaterialPageRoute(builder: (BuildContext context) => new MemberProfile())
            ); },
         child: Container(
             margin: EdgeInsets.only(left: 30.0,top: 100.0, bottom: 30.0, right:30.0),
              child: Row(
             mainAxisAlignment: MainAxisAlignment.end,
               children: <Widget> [ 
                 Text('HELLO SWIPE ME....'),
Run Code Online (Sandbox Code Playgroud)

navigation gesture swipe-gesture dart flutter

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

在 Flutter 中为小部件添加圆角阴影

我已经在一个应用程序上工作了几个月,并收到了一个简单的设计请求:在 a 上转角widget并添加一个阴影。

怎么做?

shadow rounded-corners dart flutter flutter-layout

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

如何在颤振中动态制作多个复选框并将它们的值放在一起

我是 flutter 新手我在创建包含多个项目的 CheckBox 时遇到问题,然后用户还可以从复选框列表中选择多个项目。请帮助我,伙计们。

checkbox dynamically-generated dart flutter

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

如果单击颤动中的后退箭头,Web 视图页面为空?

我有一个WebView包含多个链接的页面。通过单击链接,它将打开另一个WebView带有关闭按钮的页面。如果我点击关闭按钮,当前窗口应该关闭并且WebView页面不应该重新加载。我尝试使用,onPressed: () => Navigator.of(context).pop()但它显示WebView页面为空。请帮助解决这个问题。

    class Leader 扩展 StatelessWidget {
      @覆盖
      小部件构建(BuildContext 上下文){
        返回 MaterialApp(
          title: 'Flutter 演示',
          主题:主题数据(
            主要色板:Colors.blue,
          ),
          home: MyHomePage(title: 'Flutter Demo Home Page'),
        );
      }
    }
    class MyHomePage 扩展 StatefulWidget {
      MyHomePage({Key key, this.title}) : super(key: key);
      最终字符串标题;
      @覆盖
      _MyHomePageState createState() => _MyHomePageState();
    }
    类 _MyHomePageState 扩展状态 {
      @覆盖
      小部件构建(BuildContext 上下文){
        返回脚手架(
          正文:堆栈(
            孩子们: [          
              网页视图(
                initialUrl: '网页浏览网址',
                javascriptMode: JavascriptMode.unrestricted,
                导航委托:(导航请求请求){
                打印(请求。网址);
                var url = request.url;
                Navigator.pushReplacement(context, …

dart flutter flutter-layout

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

使用 Flutter 将文本基线与列内的文本对齐

我在对齐小部件时遇到问题。我在这里看到过关于类似问题的问题,但是,它们似乎都不适用于我的特定任务。我正在尝试创建一个包含一个图标和两个文本小部件的小部件。图标应该位于第一个文本小部件的中心,另一个文本小部件应该与第一个的基线对齐。

我这样做的方法是将图标和第一个文本小部件放在一列中,然后将该列与第二个文本小部件一起放在一行中。我在行小部件中使用crossAxisAlignment: CrossAxisAlignment.baselinetextBaseline: TextBaseline.ideographic但由于某种原因,第二个文本与图标对齐。它看起来像这样:

在此处输入图片说明

如果我改为使用crossAxisAlignment: CrossAxisAlignment.end文本小部件不正确对齐:

在此处输入图片说明

我试图将文本小部件放在一行中,并将它们与图标一起放在一列中,但是图标不再以第一个文本小部件为中心:

在此处输入图片说明

这是用于第一张图像的代码,其他图像只是相同代码的重新排列。

return Row(
  crossAxisAlignment: CrossAxisAlignment.baseline,
  textBaseline: TextBaseline.ideographic,
  children: [
    Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Icon(
          widget.icon,
          color: color_text_highlight,
          size: 20,
        ),
        Text(
          widget.data,
          style: TextStyle(
            fontSize: 28,
            fontFamily: 'Quicksand',
            color: color_text_highlight,
          ),
        ),
      ],
    ),

    SizedBox(width: 5),

    Text(
        widget.label,
        style: TextStyle(
          fontSize: 12,
          fontFamily: 'Roboto',
          color: color_text_dark,
        )
    ),
  ],
);
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏!

baseline dart flutter flutter-layout

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

GetX 状态管理

我开始学习 flutter 课程,在状态管理部分我决定学习 Getx 状态管理。无论如何,在这个商店教程中,我试图在按下时更改图标状态,但它没有。

我是新手,所以如果你帮助我,我会很感激。

product_item.dart

import 'package:flutter/material.dart';
import 'package:getx_pattern/app/ui/android/products_overview/widgets/product_details.dart';
import 'package:get/get.dart';

import '../../../theme/app_theme.dart';
import './product.dart';
import './products.dart';

class ProductItem extends StatelessWidget {
  final pIndex;
  // final String title;
  // final String imageUrl;

  ProductItem({
    this.pIndex,
  });

  productDetails() {
    Get.to(
      ProductDetailScreen(),
      arguments: product.findById(pIndex.id).title,
      transition: Transition.rightToLeft,
    );
  }

  final Products product = Get.put(Products());
  // final Product pp = Get.put(Product(
  //     id: null, title: null, description: null, price: null, imageUrl: null));

  @override
  Widget build(BuildContext context) {
    return ClipRRect(
        borderRadius: BorderRadius.circular(10.0),
        child: GetBuilder<Products>( …
Run Code Online (Sandbox Code Playgroud)

state-management dart flutter flutter-layout flutter-getx

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

在项目目录中找不到“Podfile”

我正在尝试pod install在 android studio 中运行命令,但终端输出以下错误:[!] No Podfile' found in the project directory.

在此处输入图片说明

terminal dart android-studio flutter podfile

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

Flutter Getx 如何将 obs 绑定到 Widget?

当我Getx用来更新我的 Widget 时?我不知道Rx()如何联系我放入的东西。

代码是_obx=Rx(). 但我发送的数据是"".obs. 那不是,Rx()但这是RxString()。当我使用"".obs.value="newString". 为什么Rx()可以知道谁更新数据。

就像 :

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

class GetIncrementPage extends StatefulWidget {
  GetIncrementPage({Key key}) : super(key: key);

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

class _GetIncrementPageState extends State<GetIncrementPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('get'),
      ),
      body: Container(
        alignment: Alignment.center,
        child: _body(),
      ),
    );
  }

  Widget _body() {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center, …
Run Code Online (Sandbox Code Playgroud)

dart flutter getx

0
推荐指数
2
解决办法
2万
查看次数

快速更新 Firebase 最新版本后出现错误“在范围内找不到“消息”

我最近通过 podfile将 Firebase 更新到最新的 Firebase 版本 7.3.1。现在我收到此错误并且 Xcode 因错误而失败:

Error 'Cannot find 'Messaging' in scope' 
Cannot find type 'MessagingRemoteMessage' in scope
Run Code Online (Sandbox Code Playgroud)

Xcode 版本:12.0

斯威夫特 5

我的代码是

extension AppDelegate : MessagingDelegate {
    //MARK:- Firebase Delegate
    
    func messaging(_ messaging: Messaging, didReceiveRegistrationToken fcmToken: String) {
        print("Firebase registration token: \(fcmToken)")
    }
    
    func messaging(_ messaging: Messaging, didReceive remoteMessage: MessagingRemoteMessage) {
        print("Received data message: \(remoteMessage.appData)")
    }
}
Run Code Online (Sandbox Code Playgroud)

我的豆荚如下所示以供参考

  pod 'Firebase/Core'
  pod 'Firebase/Messaging'
  pod 'Firebase/DynamicLinks'
  pod 'Firebase/Crashlytics'
Run Code Online (Sandbox Code Playgroud)

我只是尝试使用完全移除豆荚

cocoapods-deintegrate cocoapods-clean
Run Code Online (Sandbox Code Playgroud)

但没有运气!

在此处输入图片说明

我经常更新我的豆荚,我看不出是什么会导致这种重大变化。

有谁知道是什么原因?

firebase swift firebase-cloud-messaging podfile

0
推荐指数
2
解决办法
4887
查看次数