标签: flutter-layout

在我的应用程序栏中，我有文本和图像，但每次进入第二页时，文本和图像不再与中心对齐，因为左上角有后退按钮。

我只是想知道如何让它居中对齐，以便它在每个屏幕上看起来都一样。

     appBar: AppBar(
        title: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              "Maxis",
              style:
                  TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
            ),
            Image.asset(
              "assets/images/Image.png",
              width: 30,
            ),
            Text(
              "Mobile",
              style:
                  TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
            ),
          ],
        ),
        centerTitle: true,
      ),

我最近在我的 flutter 项目中导入了本机闪屏包。但是当我启动应用程序时，那里的图像太小了。请问有什么办法可以增大图片尺寸吗？

这是启动画面

我还添加了我的 pubspec.yaml 代码

flutter_native_splash:
 color: "#ffffff"
 image: assets/nakupnylistlogo.png
 android: true
 ios: true

我是这个框架的新手，并且无法显示 ListViewBuilder 项目。我在控制台中收到此错误

\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90 捕获异常通过渲染库 \xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\ x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\ xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\ x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\ x90\nRenderBox 未布局：RenderRepaintBoundary#f28ee relayoutBoundary=up14 NEEDS-PAINT\n'package:flutter/src/rendering/box.dart':\n断言失败：第 1785 行 pos 12：'hasSize'

class _ViewCartState extends State<ViewCart> {\n\n  List<dynamic> cartData;\n\n  @override\n  void initState() {\n    super.initState();\n    APIService apiService = new APIService();\n    apiService.apiCall().then((value) async {\n      setState(() {\n        cartData = value.data.result.cartData;\n        print(cartData);\n      });\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    loadData();\n    var veg;\n    return Scaffold(\n      appBar: AppBar(\n        iconTheme: IconThemeData(\n          color: kHintColor, //change your color here\n        ),\n        title: Text("Cart Page", style: Theme.of(context).textTheme.bodyText1),\n      ),\n      body: Stack(\n              children: <Widget>[\n                SingleChildScrollView(\n …

我尝试更改 ElevatedButton 的背景颜色，但出现错误。我怎样才能改变它？

ElevatedButton(
  onPressed: null,
  style: ButtonStyle(backgroundColor: Colors.red), // Error
}

随着RaisedButton和OutlineButton被弃用，flutter 团队引入了一个新的ElevatedButton. 但我不知道如何使 ElevatedButton 的边框像下图一样变圆。

ElevatedButton(
  onPressed: () {},
  child: Text('Testing'),
),

我是应用程序开发的新手，在渲染水平卡片滚动时遇到错误。

howItWorks.dart

class HowItWorksCards extends StatefulWidget {
  HowItWorksCards();
  @override
  _HowItWorksCardsState createState() => _HowItWorksCardsState();
}

class _HowItWorksCardsState extends State<HowItWorksCards> {
  int _currentPage = 0;
  PageController _pageController = PageController(viewportFraction: 0.8, keepPage: true);

  List<Widget> _pages = [
    SliderPage(
        index: 1,
        title: "Title1",
        info:"Summary",
        image: "assets/images/howItWorks/1.png"),
    SliderPage(
        index: 1,
        title: "Title1",
        info:"Summary",
        image: "assets/images/howItWorks/1.png"),
    SliderPage(
        index: 1,
        title: "Title1",
        info:"Summary",
        image: "assets/images/howItWorks/1.png"),
  ];

  _onchanged(int index) {
    setState(() {
      _currentPage = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[ …

我正在尝试实现这个modalBottomSheet

Stack我想与负面定位一起使用

showModalBottomSheet(
    context: context,
    builder: (context) {
        return Stack(
            alignment: AlignmentDirectional.bottomStart,
            children: [
                Container(
                    width: double.infinity,
                    height: 200,
                    color: Colors.white,
                    child: Column(//here there will be the text)
                ),
                Positioned(
                    top: -20,
                    left: 0,
                    right: 0,
                    child: CircleAvatar(
                        backgroundColor: Palette.white,
                        radius: 38,
                        child: CircleAvatar(
                            backgroundImage: NetworkImage(snapshot.data.image),
                            radius: 34,
                            backgroundColor: Palette.white),
                     ),
                 )]);
                 

然而，这切断了图片的顶部部分CircleAvatar（正如我所预期的那样）。

关于如何实施这个有什么想法吗？

我的 UI 似乎被隐藏了，我怎样才能让它弹出，我正在使用 WidgetPositioned

我的用户界面

例子：

预期的

我是新手，非常感谢大家！

我是 Flutter 新手，正在开发电子商务 Flutter 应用程序。当我尝试导航到搜索屏幕时，它给出了一些错误。请找到以下代码供您参考并帮助解决。

错误： 在为 SearchProvider 调度通知时抛出以下断言：构建期间调用了 setState() 或 markNeedsBuild()。此 _InheritedProviderScope<SearchProvider?> 小部件无法标记为需要构建，因为框架已经在构建小部件的过程中。仅当小部件的祖先之一当前正在构建时，才可以将其标记为需要在构建阶段构建。允许此异常，因为框架在子窗口之前构建父窗口小部件，这意味着将始终构建脏后代。否则，框架可能不会在此构建阶段访问此小部件。调用 setState() 或 markNeedsBuild() 的小部件是：_InheritedProviderScope<SearchProvider?> 进行有问题的调用时当前正在构建的小部件是：SearchScreen

代码 搜索屏幕

    class SearchScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    
    Provider.of<SearchProvider>(context, listen: false).cleanSearchProduct();
    Provider.of<SearchProvider>(context, listen: false).initHistoryList();

    return Scaffold(
      backgroundColor: ColorResources.getIconBg(context),
      resizeToAvoidBottomInset: true,
      body: Column(
        children: [
          // for tool bar
          SearchWidget(
            hintText: getTranslated('SEARCH_HINT', context),
            onSubmit: (String text) {
              Provider.of<SearchProvider>(context, listen: false)
                  .searchProduct(text, context);
              Provider.of<SearchProvider>(context, listen: false)
                  .saveSearchAddress(text);
            },
            onClearPressed: () {
              Provider.of<SearchProvider>(context, listen: false)
                  .cleanSearchProduct();
            },
          ),

          Consumer<SearchProvider>(
            builder: …

**我花了一晚上的时间尝试裁剪图像，需要一些帮助**

  image_cropper: ^1.5.0 # Used to Crop/Rotate Selected images from user's device

///错误

错误：找不到成员：“ImageCropper.cropImage”。最终croppedImage =等待ImageCropper.cropImage(

///图像源

class ImageSourceSheet extends StatelessWidget {
  // Constructor
  ImageSourceSheet({required this.onImageSelected});

  // Callback function to return image file
  final Function(File?) onImageSelected;
  // ImagePicker instance
  final picker = ImagePicker();

  Future<void> selectedImage(BuildContext context, File? image) async {
    // init i18n
    final i18n = AppLocalizations.of(context);

    // Check file
    if (image != null) {
      final croppedImage = await ImageCropper.cropImage(
          sourcePath: image.path,
          aspectRatioPresets: [CropAspectRatioPreset.square],
          maxWidth: 400,
          maxHeight: 400,
          androidUiSettings: AndroidUiSettings(
            toolbarTitle: …