小编Hey*_*.rs的帖子

在颤动中按下后如何更改IconButton的颜色

按下后我想更改图标的颜色。我该怎么做?我IconButton是领导一个ListTile.

leading: new IconButton(
  icon: Icon(Icons.star, color: Colors.white),
  onPressed: () {
    setState(() {
      //color: Colors.yellow; //How?

    });
  },
),
Run Code Online (Sandbox Code Playgroud)

dart flutter

4
推荐指数
2
解决办法
1万
查看次数

在codepen中,Intersection观察者与浏览器窗口有不同的行为

如果我在单独的 HTML、CSS 和 Javascript 文件中编写此代码并使用浏览器打开它,则当在视口高度中间观察到的目标时,会出现粘性共享栏,而当在视口高度的底部观察到的目标时,会在 codepen 中出现。是什么原因?

{
    class StickyShareBar {
        constructor(element) {
            this.element = element;
            this.contentTarget = document.getElementsByClassName('js-sticky-sharebar-target');
            this.showClass = 'sticky-sharebar--on-target';
            this.threshold = '50%'; 
            this.initShareBar();
        }

        initShareBar() {
            if(this.contentTarget.length < 1) {
              this.element.addClass( this.showClass);
              return;
            }
            if(intersectionObserverSupported) {
              this.initObserver(); 
            } else {
              this.element.addClass(this.showClass);
            }
        }

        initObserver() {
            const self = this;
            var observer = new IntersectionObserver(
              function(entries, observer) { 
                self.element.classList.toggle( self.showClass, entries[0].isIntersecting);
              }, 
              {
               rootMargin: "0px 0px -"+this.threshold+" 0px"}
            );
            observer.observe(this.contentTarget[0]);
        }
    }

    const stickyShareBar = document.getElementsByClassName('js-sticky-sharebar'), …
Run Code Online (Sandbox Code Playgroud)

html javascript css intersection-observer

4
推荐指数
1
解决办法
835
查看次数

如何在 Flutter 中实现多个本地通知?

我使用 flutter_local_notifications 包来设置通知。我有一个可扩展的列表,标题的每个选项都有一个星形图标。当我按下一个白色星形图标时,它的颜色会发生变化并设置一个通知(“_showNotification”方法)。

如果我按下两颗或更多颗星,我的应用程序只显示最后一条通知,但我想显示所有通知。我怎样才能做到这一点?

这是完整的代码:

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

void main() {
  runApp(new MaterialApp(home: new Home()));
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Expandable List"),
      ),
      body: new ListView.builder(
        itemBuilder: (BuildContext context, int index) {
          return new ExpandableListView(ind: index, title: broadcast[index].title);
        },
        itemCount: 2,
      ),
    );
  }
}

class ExpandableListView extends StatefulWidget {
  final String title;
  final int ind;

  const ExpandableListView({this.ind, this.title});

  @override
  _ExpandableListViewState createState() => new _ExpandableListViewState(); …
Run Code Online (Sandbox Code Playgroud)

notifications dart flutter

3
推荐指数
2
解决办法
4271
查看次数

如何通过单击 swiper.js 中所需的幻灯片来更改居中幻灯片?

我在 centeredSlides 模式下使用 swiper 且循环选项为 true。我想当我单击幻灯片时,将该幻灯片设置为滑动轮播中的居中幻灯片。Swiper 给我点击的幻灯片索引,但如何使用它来更改居中的幻灯片?

这些是我的选择:

  slidesPerView: 4.5,
  spaceBetween: 20,
  updateOnWindowResize: true,
  loop: true,
  grabCursor: true,
  centeredSlides: true,
  centeredSlidesBounds: true,
  initialSlide: 0,
  on: {
    click() {
      console.log(this.clickedIndex);
    },
  },
Run Code Online (Sandbox Code Playgroud)

javascript swiper.js

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