标签: widget

在一些 Flutter 动画教程中，有些使用 aTween和 anAnimation对象。仅某些用途AnimationController。下面的两个代码似乎输出相同的结果。那么我们什么时候使用带有动画的 Tween，什么时候只使用 AnimationController？

具有补间和动画

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

class Test extends StatefulWidget {
  @override
  _State createState() {
    return _State();
  }
}

class _State extends State<Test> with TickerProviderStateMixin {
  AnimationController _animationController;
  Animation _animation;
   bool faded = true;
  @override
  void initState() {
    super.initState();
    _animationController = new AnimationController(
        value:0.0,
        vsync: this,
        upperBound: 1.0,
        lowerBound: 0.0,
      duration: new Duration(seconds:1),
    );
    _animation = Tween(begin: 0.0, end: 1.0).animate(_animationController);

  }

  @override
  Widget build(BuildContext context) {
    return Scaffold( …

Ink当我查看和的示例时GestureDetector，我发现它们提供了类似的效果。

我能说那只是一个检测到的Ink孩子而已吗？GestureDetectoronTap()

I\xe2\x80\x99m 尝试使用 an来实现用户按下时AnimatedContainer展开效果的简单动画（类似于）。ExpandableTile

我的问题是，这个容器在展开时可以具有 10.0 高度或 1000.0 （它必须是动态的）。好的，要为其制作动画，它需要事先知道高度，这是有道理的。但是在渲染之前我怎么知道它的最大高度（I\xe2\x80\x99m 将渲染可以有 1 到 N 行的文本））。

我\xe2\x80\x99想过很多可能性，但似乎都不合适。大多数时候，我们从已经渲染的东西中获取尺寸，而RenderBox不是相反，所以这有点困扰我。

先感谢您！

有没有办法可以改变 python 中禁用条目小部件的颜色？

x = tk.Entry(parent)
x.configure({"background": "gray24"})
x.configure({"fg": "white"})
x.configure({"state": "disable"})

上面的代码仅在小部件的“状态”为“正常”时才有效。

根据用户上传，我从 API 链接获取单个图像或多个图像链接。所以我想创建一个 Responsible 小部件。哪个要根据API数据来改变。如果我得到超过 4 张图像，我想像这样显示计数。我的意思是在图像上。请看下面的图像标记

我正在使用Expanded小部件及其子部件Container，并提供了宽度double.infinity。我正在尝试添加ListView作为子项，并且我想要从屏幕顶部到屏幕底部Container的高度。ListView虽然我的屏幕顶部已经有一个名为 的小部件BuildHeaderPage。所以，我希望小部件的高度Container从小部件的底部开始BuildHeaderPage到屏幕的底部。

下面是我的代码：

return Scaffold(
  appBar: AppBar(
    elevation: 0,
    title: Text("Dry Cough"),
    backgroundColor: bgroundHeaderColor,
    actions: <Widget>[
      IconButton(
        icon: Icon(Icons.more_vert),
        onPressed: () {},
      )
    ],
  ),
  resizeToAvoidBottomInset: false,
  body: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      BuildHeaderPage(bgroundHeaderColor: bgroundHeaderColor),
      Padding(
        padding: new EdgeInsets.symmetric(vertical: 8, horizontal: 8),
        child: Expanded(
          child: Container(
            width: double.infinity,
            decoration: BoxDecoration(
              color: kPrimaryColor.withOpacity(0.3),
            ),
            child: ListView(
              children: <Widget>[
                ListTile(
                  onTap: () {},
                  title: …

我在容器内有这个按钮，如下所示：\n在此处输入图像描述

我想在单击该按钮后将该容器更改为同一容器中的文本字段，如下所示：

在此输入图像描述

所以，请 ！有什么想法可以帮忙！谢谢

Container(\n                height: 96,\n                width: MediaQuery.of(context).size.width - 24,\n                decoration: BoxDecoration(\n                    borderRadius: BorderRadius.circular(5),\n                    color: colorPrimary,\n                    border:\n                        Border.all(width: 0.5, color: Colors.redAccent)),\n                child: Padding(\n                    padding: const EdgeInsets.all(8.0),\n                    child: Row(\n                      children: <Widget>[\n                        Column(\n                          mainAxisAlignment: MainAxisAlignment.center,\n                          children: <Widget>[\n                        Column(\n                          mainAxisAlignment: MainAxisAlignment.center,\n                          children: <Widget>[\n                            InkWell(\n                              onTap: () {\n                                setState(() {});\n                              },\n                              child: Container(\n                                  height: 62,\n                                  width: 62,\n                                  decoration: BoxDecoration(\n                                      color: Colors.white,\n                                      borderRadius:\n                                          BorderRadius.circular(60),\n                                      border: Border.all(\n                                        width: 0.5,\n                                        color: Colors.grey[300],\n                                      )),\n                                  child: Icon(\n                                    Icons.phone,\n                                    size: 30,\n                                    color: Colors.purple[100],\n …

我需要为 WordPress 创建自定义类别小部件。它应该看起来像这样。 我在这个主题中找到了找到了如何创建自定义类别，但我无法理解如何添加单词“文章”并删除标准小部件中的括号

我的类别代码

<?php
class My_Widget_Categories extends WP_Widget {

    function My_Widget_Categories() {
        $widget_ops = array( 'classname' => 'widget_categories', 'description' => __( "My list or dropdown of categories" ) );
        $this->__construct('my_categories', __('My Categories'), $widget_ops);
    }


    //  FRONTEND
    function widget( $args, $instance ) {
        extract( $args );

        $title = apply_filters('widget_title', empty( $instance['title'] ) ? __( 'Categories' ) : $instance['title']);
        $c = $instance['count'] ? '1' : '0';
        $h = $instance['hierarchical'] ? '1' : '0';
        $d = $instance['dropdown'] ? '1' …

代码说明：我检查是否有指向 youtube 的链接，然后显示 youtube 的图标，否则不显示任何内容。

问题：但在下面的代码中，我添加了一个空容器（），但该容器占据了我的行内的位置。

Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Container(
                        child: Row(
                          children: [
                            
                            Text("Social Media : "),
                          ],
                        ),
                      ),
                      _youtubelink == null
                          ? Container()
                          : GestureDetector(
                              child: Icon(
                                FontAwesome5.youtube,
                                color: red,
                              ),
                              onTap: () {
                                _launchURL(_youtubelink);
                              },
                            ),
                      _istagramlink == null
                          ? Container()
                          : GestureDetector(
                              child: Icon(
                                FontAwesome5.instagram,
                                color: red,
                              ),
                              onTap: () {
                                _launchURL(_istagramlink);
                              },
                            ),
                      _facebooklink == null
                          ? Container()
                          : GestureDetector(
                              child:
                                  Icon(FontAwesome5.facebook, color: blue),
                              onTap: () {
                                _launchURL(_facebooklink);
                              },
                            ),
                      _twitterlink == …

我正在寻找一个与 Bootstrap\xe2\x80\x99s Scrollspy 等效的 flutter 包：

https://getbootstrap.com/docs/4.0/components/scrollspy/

预期的功能是有一个垂直可滚动的项目列表，其顶部有一个粘性水平可滚动 \xe2\x80\x9cheader/navbar 菜单\xe2\x80\x9d。当用户滚动垂直列表并到达新的 \xe2\x80\x9csection\xe2\x80\x9d 时，这会通过在导航栏中突出显示 \xe2\x80\x9csection name\xe2\x80\x9d 来反映在水平导航栏中并在必要时滚动到它。当用户按下水平导航栏中的部分名称时，它应该滚动到垂直列表中该部分的开头。

前任：

第 1 节！！！第 2 节！！！第 3 节 第 4 节\n\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80 \x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94 \xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\n(Section1 不可见)

！！！第2节！！！

Item3\n\nItem4\n

第三节

Item1\n\nItem2\n

第四节

Item5\n\nItem6\n