小编Phi*_*aro的帖子

有没有办法让活动标签边框突出显示在顶部而不是底部?

使用tab.activeBorder可以突出显示活动选项卡的底部,但是如何突出显示选项卡的顶部,就像在 Firefox 当前的设计中一样?

突出显示的示例tab.activeBorder

"workbench.colorCustomizations": {    // Can customize each aspect
    "[One Dark Pro]": {               // Optional
        "tab.activeBorder": "#0A84FF" // Active Tab Highlighting
    }
},
Run Code Online (Sandbox Code Playgroud)

visual-studio-code vscode-settings

37
推荐指数
5
解决办法
4640
查看次数

Flutter:如何解决错误导入包:http/http.dart

我是Flutter的新手,并且遇到以下错误:package:http/http.dart该库位于一个未知的包中.也许你忘了在pubspec.yaml文件中提到它?

请帮助解决此错误.

dart flutter

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

(Flutter) TextFormField 在焦点上更改 labelColor

我试图labelText在聚焦时改变我的颜色。我可以更改文本颜色,但不能在聚焦时更改。

我已经尝试了所有提示文本颜色和标签文本颜色,但没有任何帮助。

Container(
  padding: EdgeInsets.fromLTRB(15, 10, 15, 0),
  child: TextFormField(
    cursorColor: Colors.lightGreen,
    keyboardType: TextInputType.phone,
    decoration: InputDecoration(
      labelText: 'Phone Number',
      hintText: 'Enter a Phone Number',
      focusedBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.lightGreen
        )
      ),
      border: OutlineInputBorder(
        borderSide: BorderSide()
      ),
    )
  ),
),
Run Code Online (Sandbox Code Playgroud)

以下是正在发生的事情的图像:

在此处输入图片说明

在此处输入图片说明

form-fields dart flutter

25
推荐指数
10
解决办法
4万
查看次数

Go Router 包中的 builder 和 pageBuilder 有什么区别?

在 Fluttergo_router包中,显然有两种创建新页面的方法,使用 abuilder或 a pageBuilder

GoRoute(
  name: 'Route',
  path: '/route',
  builder: (BuildContext context, GoRouterState state) =>
    const RouteView(...),
  pageBuilder: (BuildContext context, GoRouterState state) => 
    MaterialPage(
      child: const RouteView(...),
    ),
),
Run Code Online (Sandbox Code Playgroud)

但它们之间有什么区别呢?他们似乎做同样的事情,只是上面pageBuilder有一个包装纸,就这样吗?MaterialPage顺便问一下,aMaterialPage有用吗?

routes dart flutter flutter-go-router

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

如何更改 vscode 侧边栏字体系列

如何更改侧边栏中所有文本的字体系列?

我不喜欢默认字体,并且在settings.json.

visual-studio-code

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

如何在 Flutter 中为多个测试“设置”一个“WidgetTester”

1. 问题

testWidgets函数显然只是该函数的一个子案例test

我试图立刻解决用例是泵相同部件多testWidgets,一setUptestWidgets。但是,如果它在每个测试中创建一个新实例,我该怎么做?

我试图WidgetTester在测试之外初始化main(),但WidgetTester只有一个私有构造函数:

class WidgetTester 
  extends WidgetController 
    implements HitTestDispatcher, TickerProvider {
  WidgetTester._(TestWidgetsFlutterBinding binding) : super(binding) {
    if (binding is LiveTestWidgetsFlutterBinding)
      binding.deviceEventDispatcher = this;
}
Run Code Online (Sandbox Code Playgroud)

我不太明白 Flutter 团队是如何完成这项工作的,但是WidgetTester以他们在testWidgets函数内部所做的相同方式初始化 a对我不起作用:

final TestWidgetsFlutterBinding binding 
  = TestWidgetsFlutterBinding.ensureInitialized() 
    as TestWidgetsFlutterBinding;
final WidgetTester tester = WidgetTester._(binding);
Run Code Online (Sandbox Code Playgroud)

2. 一个例子

一个简单的例子是尝试分解使用每个新 Flutter 项目创建的 Flutter 演示的测试flutter create。在其中,我们可以尝试将应用程序的初始设置测试与点击动作测试分开:

testWidgets('Initial setup', (WidgetTester tester) async {
  await tester.pumpWidget(MyApp()); …
Run Code Online (Sandbox Code Playgroud)

testing widget dart flutter

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

如何在 Dart 中测试流

如何在 dart 中测试流?我有这个代码:

test('words are reading sequentially correct', () {
  WordTrackerInterface wordTracker = WordTracker.byContent('0 1 2');
  wordTracker.setWordsCountPerChunk(1);
  var stream = wordTracker.nextWordStringStream();

  expect(
      stream,
      emitsInOrder(List<Word>.generate(
          6, (i) => i > 2 ? Word('') : Word(i.toString()))));

  for (int i = 0; i < 6; i++) {
    wordTracker.nextWord();
  }
});
Run Code Online (Sandbox Code Playgroud)

我需要测试该成员数据Word::content这是一个String等于在所提供的emitsInOrder

类似于以下内容的流:

expect(
    stream,
    emitsInOrder(List<Word>.generate(
        6, (i) => i > 2 ? Word('') : Word(i.toString()))),
    expect((Word actual, Word expected) {
  return actual.content == expected.content;
}));
Run Code Online (Sandbox Code Playgroud)

reactive-programming dart

9
推荐指数
3
解决办法
5788
查看次数

如何在 Flutter 应用程序中正确管理全局 textScaleFactor?

Flutter 应用程序对系统大文本做出反应,使所有文本小部件都变得非常大。我想限制 Text 小部件的 textScaleFactor 但我想在全局范围内而不是在我使用的每个 Text 小部件中执行此操作。

现在启用大文本后,我得到了像

扑腾:???通过渲染库捕获的异常 ????????????????????????????????????????????? ???????????? 颤振:布局期间抛出以下消息:颤振:底部的 RenderFlex 溢出了 14 个像素。

什么是正确的方法?一种方法是创建一些包装小部件而不是使用文本,但也许可以通过其他方式解决?

图 1 图 2

font-size dart flutter

9
推荐指数
2
解决办法
3982
查看次数

Flutter 本地通知正文未显示所有通知文本(flutter_local_notifications 包)

flutter_local_notifications: ^0.7.1+3在我的 Flutter 应用程序中使用来推送日程通知。一切都很好,但我的通知正文中的问题是它只显示一行文本,我无法扩展或拉伸通知以显示所有通知正文文本。

这是我的尝试:

class NotificationUtil {
  final notifications = FlutterLocalNotificationsPlugin();
  final int checkOutNotifyId = 0;

  NotificationUtil(BuildContext context) {
    final settingsAndroid = AndroidInitializationSettings('ic_notify_icon');
    final settingsIOS = IOSInitializationSettings(
        onDidReceiveLocalNotification: (id, title, body, payload) =>
            onSelectNotification(context));
    notifications.initialize(
        InitializationSettings(settingsAndroid, settingsIOS),
        onSelectNotification: (context) async => onSelectNotification);
  }

  Future<void> showCheckOutNotify([int maximumCheckoutHours]) async {
    await notifications.periodicallyShow(
        checkOutNotifyId,
        AttendanceConstants.SCHEDULE_NOTIFICATION_TITLE,
        AttendanceConstants.SCHEDULE_NOTIFICATION_BODY +
            '$maximumCheckoutHours Hour/s of your attendance',
        RepeatInterval.Hourly,
        _ongoing);
  }

  NotificationDetails get _ongoing {
    final androidChannelSpecifics = AndroidNotificationDetails(
      'your channel id',
      'your channel name',
      'your …
Run Code Online (Sandbox Code Playgroud)

localnotification dart flutter

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

如何在 Dart 中创建 Web 组件

1. 背景

\n

在 vanilla JS 中可以通过以下方式创建 Web 组件:

\n
    \n
  1. 创建一个类extends HTMLElement
  2. \n
  3. 然后注册它:\n
    window.customElements.define(\'app-drawer\', AppDrawer);\n
    Run Code Online (Sandbox Code Playgroud)\n
  4. \n
\n

由于我在 Dart 中有很多代码,我想我可以用它来做到这一点。但我遇到了一些障碍。主要是已被弃用且似乎不起作用的事实document.registerElement()window.customElements.define()

\n
\n

I mostly use Microsoft Edge as a browser. But it uses Chromium anyway. And I\'ve also tested everything mentioned below on Chrome as well.

\n
\n

2. What I\'ve Tried

\n

2.1. G\xc3\xbcnter\'s Answer with document.registerElement()

\n

G\xc3\xbcnter\'s answer points to this dartpad, which uses the document.registerElement() …

html javascript dart angular-dart

7
推荐指数
0
解决办法
1677
查看次数