flutter 相关问题

Flutter是一款开源的移动应用SDK，可帮助开发人员和设计人员构建适用于iOS和Android的现代移动应用。

我如何实现类似的解决方案：如何在 PHP 中获取两个字符串之间的子字符串？但在 DART 中例如我有一个字符串：字符串数据=“敏捷的棕色狐狸跳过了懒狗” 我有...

flutter dart

回答 7 投票 0

我怎样才能制作这样的自定义导航栏？在此输入图像描述我已经尝试过这个在主页上类 CustomNavigationBar 扩展 StatelessWidget { 最终名单我怎样才能制作这样的自定义导航栏？在此输入图片描述我已经尝试过这个在主页上 class CustomNavigationBar extends StatelessWidget { final List<NavigationDestination> destinations; final int selectedIndex; final Function(int index) onDestinationSelected; const CustomNavigationBar({ Key? key, required this.destinations, required this.selectedIndex, required this.onDestinationSelected, }) : super(key: key); @override Widget build(BuildContext context) { return Container( color: Colors.green, // You can customize the background color height: 60, // Adjust the height as needed child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: List.generate( destinations.length, (index) => GestureDetector( onTap: () => onDestinationSelected(index), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( destinations[index].icon, color: index == selectedIndex ? Colors.white : Colors.black, ), if (destinations[index].label != null) Text( destinations[index].label!, style: TextStyle( color: index == selectedIndex ? Colors.white : Colors.black, ), ), ], ), ), ), ), ); } } 在主页上 final List<NavigationDestination> destinations = [ NavigationDestination(icon: Icons.home, label: 'Home'), NavigationDestination(icon: Icons.search, label: 'Search'), NavigationDestination(icon: Icons.shopping_cart, label: 'Cart'), ]; 我已经尝试过这个蛇形导航栏至少我需要任何帮助来了解我该如何做这个蛇形导航栏我已经尝试了很多，我读过它，但我绝对做不到尝试下面的代码： import 'package:flutter/material.dart'; class CustomNavigationBar extends StatelessWidget { final List<NavigationDestination> destinations; final int selectedIndex; final Function(int index) onDestinationSelected; const CustomNavigationBar({ super.key, required this.destinations, required this.selectedIndex, required this.onDestinationSelected, }); @override Widget build(BuildContext context) { return Container( margin: const EdgeInsets.all(8.0), padding: const EdgeInsets.symmetric(horizontal: 16.0), decoration: BoxDecoration( color: const Color(0xFF017620), borderRadius: BorderRadius.circular(30.0), ), height: 60.0, child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: List.generate( destinations.length, (index) { bool isSelected = index == selectedIndex; return GestureDetector( onTap: () => onDestinationSelected(index), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( decoration: isSelected ? const BoxDecoration( color: Colors.white, shape: BoxShape.circle, ) : null, padding: EdgeInsets.all(isSelected ? 8.0 : 0.0), child: Icon( destinations[index].icon, color: isSelected ? Colors.green : Colors.white, ), ), ], ), ); }, ), ), ); } } class NavigationDestination { final IconData icon; final String? label; NavigationDestination({required this.icon, this.label}); } void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( bottomNavigationBar: CustomNavigationBar( destinations: [ NavigationDestination(icon: Icons.home, label: 'Home'), NavigationDestination(icon: Icons.note, label: 'Notes'), NavigationDestination( icon: Icons.calendar_today, label: 'Calendar'), NavigationDestination(icon: Icons.person, label: 'Profile'), ], selectedIndex: 0, onDestinationSelected: (index) { // todo: handle destination selection... }, ), body: const Center(child: Text('Content goes here')), ), ); } } 它会给你一个像附件一样的底部导航栏。

flutter dart codeigniter navigation

回答 1 投票 0

Flutter Listview 在使用 FutureBuilder 加载缩略图时冻结

我正在flutter中创建一个文件管理器用于学习目的。我刚刚开始学习flutter，所以对此了解不多。我的问题是我想显示图像的缩略图...

android dart flutter

回答 2 投票 0

Flutter：线程“主”java.net.SocketException 中出现异常：来自服务器的文件意外结束

当尝试运行我的 flutter 项目时，我收到此错误：在调试模式下在 sdk gphone x86 上启动 lib\main.dart... 运行 Gradle 任务“assembleDebug”... 线程“main”java.net 中出现异常。

flutter dart

回答 1 投票 0

如何在 Flutter 中检查 Apple Pay 和 Google Pay 可用性

我需要在我的应用程序中列出所有可用的付款方式，因此如果配置了 Apple Pay，我需要在我的付款方式列表中显示它，对于 Google Pay 也是如此。有没有办法检查是否...