按下后我想更改图标的颜色。我该怎么做?我IconButton是领导一个ListTile.
leading: new IconButton(
icon: Icon(Icons.star, color: Colors.white),
onPressed: () {
setState(() {
//color: Colors.yellow; //How?
});
},
),
Run Code Online (Sandbox Code Playgroud) 如果我在单独的 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) 我使用 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) 我在 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)