标签: widget

我有一个带有使用 Yii2 制作的 index.php 文件过滤器的 GridView。它显示了这个选项：

• 空白的
• 西
• 不

Sí 和 No 在西班牙语中是 Yes 和 No 的意思。我需要向世界展示All而不是空白选项：

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        'nombre_motivo_movimiento',
        [
            'attribute' => 'entrada',
            'format' => 'raw',
            'filter' => ['1' => 'Sí', '0' => 'No'], // The filter I want to improve.
            'contentOptions' => [
                'class' => 'text-center',
            ],
            'value' => function($m){
                if ($m->entrada) {
                    return '<span class="label label-success"><i class="fa fa-check"></span>';
                }
                else {
                    return '<span class="label label-danger"><i class="fa …

我无法弄清楚这一点。我的意思是 Qml 文本项中文本行之间的垂直间距。我不能使用富文本，而且 GridLayout 似乎破坏了我的环绕、水平对齐和检查截断的能力。这是在一个矩形内。

Text{   
        width:10
        wrapMode: Text.Text.Wrap
        text:"This will be broken into multiple lines. How could I set the vertical spacing between them?"
     }

我的意思是：

对比

我有一个秒表，想要一个可以暂停和启动它的按钮。我正在努力解决这个问题的逻辑。打印到控制台时，布尔值停留在 false 上，并且不允许我重新单击该按钮。

秒表.dart：

class NewStopWatch extends StatefulWidget {

  @override
  _NewStopWatchState createState() => new _NewStopWatchState();
}

class _NewStopWatchState extends State<NewStopWatch> {

  Stopwatch watch = new Stopwatch();
  Timer timer;
  bool startStop = true;

  String elapsedTime = '';

  updateTime(Timer timer) {
    if (watch.isRunning) {
      setState(() {
        startStop = false;
        print("startstop Inside=$startStop");
        elapsedTime = transformMilliSeconds(watch.elapsedMilliseconds);
      });
    }
  }
@override
  Widget build(BuildContext context) {

    return new Container(
            padding: EdgeInsets.all(20.0),
            child: new Column(
              children: <Widget>[
                new Text(elapsedTime, style: new TextStyle(fontSize: 25.0)),
                SizedBox(height: 20.0),
                new Row( …

我试图在未来的成功构建中获得两个坐标的距离，但我正在寻找如何在我的代码中的 Text() 小部件中获取返回的“kmDis”值：我的代码。在下面查看我的完整代码。

Future<String> getDistance(String lat, String lng) async {
    final distanceInMeters = await Geolocator().distanceBetween(
        currentLocation.latitude,
        currentLocation.longitude,
        double.parse(lat),
        double.parse(lng));

    double distancekm = distanceInMeters / 1000;
    String kmDis = distancekm.toStringAsFixed(1);
    //int finalkm = distancekm.round();

    return kmDis;
  }

@override
  Widget build(BuildContext context) {

return Scaffold(
        body:Text("i want to return my kmDis value as string here.")
)

  }

这很奇怪，包含 FilterChips 的 Wrap 小部件在其父级 ExpansionPanel 内居中。我试过将 Wrap Widget 包装在一个灵活的小部件中，没有反应，我试过包装在一个 Expanded 小部件中，没有反应。

“扩展”面板上似乎没有用于左对齐主体的属性：小部件。这很重要，因为当 Wrap 小部件被强制为全宽时，一些 ExpansionPanel 向左对齐，但其他人，如图所示，居中。最终，我将把 ExpansionPanel 中的所有子小部件包装在一个 Padding 小部件中，但我需要先将子 Wrap 小部件左对齐。

bool travelSack;
ExpansionPanelRadio backpackingPanel = ExpansionPanelRadio(
            value: "Backpacking",
            headerBuilder: (BuildContext context, bool isExpanded) {
              return ListTile(
                leading: FaIcon(
                  FontAwesomeIcons.globeEurope,
                  size: 19,
                ),
                title: Text("Backpacking"),
              );
            },
            body: Expanded(child:
            Wrap(spacing: 4, children: [
              FilterChip(
                showCheckmark: false,
                label: Text('Travel rucksack'),
                labelStyle: TextStyle(
                  color: travelSack ? Colors.black : Colors.white,
                ),
                selected: travelSack,
                onSelected: (bool selected) {
                  setState(() {
                    travelSack = …

我正在使用 carousel_slider 颤动插件。我想减少“项目”小部件之间的空间。这是我的代码：

CarouselSlider(
          options: CarouselOptions(
            enableInfiniteScroll: false,
            initialPage: 0,
            height: screenHeight * 0.35,
            enlargeCenterPage: true,
            viewportFraction: 0.85
          ),
          items: <Widget>[
            Container(
              padding: EdgeInsets.all(0),
              color: Colors.blue,
            ),
            Container(
              padding: EdgeInsets.all(0),
              color: Colors.blue,
            )
          ],
        )

这就是我得到的：

我有一个溢出了** PIXELS BOTTOM当我试图打开手机的键盘，所以我在我的包裹栏SingleChildScrollView但不知何故，它成为推到了顶部和MainAxisAlignment.spaceEvenly停止工作，所以我使用它们之间取得了一定的空间SizedBox 我问题是：这是这样做的好方法吗？实现小部件之间的空间，它是否适用于不同的手机尺寸

我的代码：

第二个问题： 当我打开键盘时，如何将所有列推到顶部，直到显示最后一个项目而不滚动，如下图所示

代码的想法是，当用户按下添加键时，他可以输入条形码或简单地从警报屏幕退出。验证条形码后，将从该条形码生成一个对象，并将其添加到实际的市场购物车中。这段代码已经可以工作了，但我试图找到一种方法以某种方式将它隔离到一个函数中。

IconButton(icon: Icon(Icons.add), onPressed: () {
              TextEditingController barcodeController = TextEditingController();
              final _formBarcode = GlobalKey<FormState>();
              showDialog(
                  context: context,
                  builder: (BuildContext context) {
                    return AlertDialog(
                      content: Stack(
                        overflow: Overflow.visible,
                        children: <Widget>[
                          Form(
                            key: _formBarcode,
                            child: Column(
                              mainAxisSize: MainAxisSize.min,
                              children: <Widget>[
                                Padding(
                                  padding: EdgeInsets.all(2.0),
                                  child: TextFormField(
                                    validator: (String value) {
                                      if (BarcodeController.text.isEmpty) {
                                        return "please enter the product barcode";
                                      }
                                      return null;
                                    },
                                    onSaved: (String value) {
                                    },
                                    controller: barcodeController,
                                    style: TextStyle(
                                      color: Colors.black,
                                      fontSize: 10.0,
                                      fontWeight: FontWeight.w700,
                                    ),
                                    decoration: InputDecoration(
                                      labelText: "barcode:", …

有什么方法可以创建一个 Flutter 小部件，该小部件将是一个绝对位置（在 CSS 中），该小部件内的哪个将是相机预览？

我已经创建了小部件，当我访问页面时，我可以在屏幕的右下角看到它，但是当我从 Flutter 添加 CameraPreview 插件时，它会使其全屏显示。

我需要的是在我创建的页面/屏幕的右下角小部件上进行应用程序预览的选项。

Square 小部件，是我只想显示相机的地方。

import 'package:flutter/material.dart';

[![class CameraAppTest extends StatelessWidget {
  static const routeName = '/videoRecordScreen';
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('test'),
      ),
      body: Container(
        // width: 200,
        alignment: Alignment.center,
        // margin: EdgeInsets.all(24),
        // padding: EdgeInsets.all(24),
        decoration: BoxDecoration(),
        // decoration: ,
        child: Container(child: Demo()),
      ),
    );
  }
}

class Square extends StatelessWidget {
  final color;
  final size;

  Square({this.color, this.size});
  @override
  Widget build(BuildContext context) {
    return Container( …

我正在使用 FadeInImage 小部件从网络加载图像

当页面在开发人员控制台的移动视图中刷新时，图像加载正常，但在完整视图中它给了我一个异常

The following ImageCodecException was thrown resolving an image codec:
Failed to load network image.
Image URL: https://api.gogoz.in/static/img/FF000001FV0000007.jpg
Trying to load an image from another domain? Find answers at:
https://flutter.dev/docs/development/platform-integration/web-images

When the exception was thrown, this was the stack:
...

Image provider: NetworkImage("https://api.gogoz.in/static/img/FF000001FV0000007.jpg", scale: 1)
Image key: NetworkImage("https://api.gogoz.in/static/img/FF000001FV0000007.jpg", scale: 1)

我没有想法解决这个问题