#flutter #android-studio
Вопрос:
Я использовал checkboxlisttile в listview builder. Проблема в том, что даже если я нажму на нее, галочки не будет. Но когда я печатаю значение, оно говорит правду. Когда я нажимаю на него снова, он по-прежнему остается истинным(не ложным), но без галочки. На самом деле я создаю список динамически. У меня есть новая заметка на экране.dart, где я сохраняю заметку в базе данных в таблице заметок. сохраненный узел отображается в этом списке в файле note_info.dart под всеми вкладками. на вкладке завершено я хочу показать завершенные заметки, то есть те, которые будут помечены как проверенные. Я называю этот метод getNotecheckList в контейнере TabBarView.
ListView getNotecheckList() {
bool _isChecked=false;
return ListView.builder(
itemCount: count,
itemBuilder: (BuildContext context, int position) {
return Card(
color: Colors.white,
elevation: 2.0,
child: CheckboxListTile(
title: Text(this.noteList[position].note),
subtitle: Text(this.noteList[position].actn_on),
//secondary: const Icon(Icons.web),
value:_isChecked,
onChanged: (bool value) {
setState(() {
_isChecked=value;
});
},
controlAffinity: ListTileControlAffinity.leading,
),
);
},);}
Все в моем коде кажется правильным. Тогда в чем же ошибка?
Я даже пытался
_isChecked = ! _isChecked
примечание_инфо.дротик
import 'dart:io';
import 'package:vers2cts/models/note_model.dart';
import 'package:vers2cts/models/customer_model.dart';
import 'package:vers2cts/services/db_service.dart';
import 'package:vers2cts/utils/db_helper.dart';
import 'package:flutter/material.dart';
import 'package:sqflite/sqflite.dart';
import 'new_note.dart';
class Note_Info extends StatefulWidget{
final String appBarTitle;
final CustomerModel customer;
Note_Info(this. customer, this.appBarTitle);
@override
State<StatefulWidget> createState() {
return Note_InfoState(this. customer,this.appBarTitle);
}
}
class Note_InfoState extends State<Note_Info> {
DBService dbService = DBService();
List<NoteModel> noteList;
int count = 0;
static final GlobalKey<ScaffoldState> scaffoldKey = new GlobalKey<ScaffoldState>();
NoteModel note=NoteModel();
String appBarTitle;
CustomerModel customer=new CustomerModel();
Note_InfoState(this.customer, this.appBarTitle);
bool rememberMe = false;
DateTime _date = DateTime.now();
TextEditingController custfNameController = TextEditingController();
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
updateListView();
if (noteList == null) {
noteList = List<NoteModel>();
updateListView();
}
TextStyle titleStyle = Theme.of(context).textTheme.subhead;
var height = MediaQuery.of(context).size.height;
var name=customer.first_name " " customer.last_name;
custfNameController.text = name;
return DefaultTabController(
length: 4,
child: Scaffold(
appBar: AppBar(
actions: [
IconButton(
icon: Icon(
Icons.add,
),
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (BuildContext context) => NewNote(customer,note)));
},
)
],
),
body: Container(
child: Column(
children: <Widget>[
TextField(controller: custfNameController,
style: TextStyle(
fontSize: 20.0, fontWeight: FontWeight.bold),
textAlign: TextAlign.center),
Padding(
padding: const EdgeInsets.all(15.0),
child: Row(children: [
ImageProfile(customer.cust_photo),
Padding(
padding: const EdgeInsets.only(left: 30.0),
child: IconButton(
icon: Icon(
Icons.call,
color: Colors.green,
size: 45,
),
onPressed: () {
},
),
),
],),
),
SizedBox(
height: 50,
child: AppBar(
bottom: TabBar(
tabs: [
Tab(
text: "All",
),
Tab(
text: "Pending",
),
Tab(
text: "Cancelled",
),
Tab(
text: "Completed",
),
],
),
),
),
// create widgets for each tab bar here
Expanded(
child: TabBarView(
children: [
// first tab bar view widget
Container(
child: getNotecheckList()
),
// second tab bar viiew widget
Container(
),
Container(
child: Center(
child: Text(
'Cancelled',
),
),
),
Container(
child: Center(
child: Text(
'Completed',
),
),
),
],
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 55.0,
width: 200,
child: RaisedButton(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
color: Theme
.of(context)
.primaryColorDark,
textColor: Colors.white,
child: Text('Save', textScaleFactor: 1.5,),
onPressed: () {
setState(() {
//_reset();
});
},
),
),
),
]
),
)
));
}
Widget ImageProfile(String fileName) {
return Center(
child: CircleAvatar(
radius: 80.0,
backgroundImage: fileName == null
?AssetImage('images/person_icon.jpg')
:FileImage(File(customer.cust_photo))),
);
}
Future<void> updateListView() {
final Future<Database> dbFuture = DB.init();
dbFuture.then((database) {
int cid=customer.cust_id;
Future<List<NoteModel>> noteListFuture = dbService.getCustomerNotes(cid);
noteListFuture.then((noteList) {
setState(() {
this.noteList = noteList;
this.count = noteList.length;
});
});
});
}
ListView getNotecheckList() {
return ListView.builder(
itemCount: count,
itemBuilder: (BuildContext context, int position) {
int _isChecked = -1;
return Card(
color: Colors.white,
elevation: 2.0,
child: CheckboxListTile(
title: Text(this.noteList[position].note),
subtitle: Text(this.noteList[position].actn_on),
//secondary: const Icon(Icons.web),
value: _isChecked,
onChanged: (bool value) {
setState(() {
_isChecked = value;
});
},
controlAffinity: ListTileControlAffinity.leading,
});
},
),
);
},
);
}
}
(В stackoverflow нет тега CheckboxListTile)
Комментарии:
1. почему? это вызывает ошибку. Я уже пробовал это
2. Где же мне тогда об этом заявить?? Потому что значение является обязательным полем.
3. Оттуда к нему нет доступа
4. Можете ли вы, пожалуйста, уточнить, что мне теперь делать на самом деле
Ответ №1:
Как только вы назовете setState это перестроением getNotecheckList() , но внутри getNotecheckList() вы установите bool _isChecked=false; , почему это не работает.
определите это Widget build(BuildContext context)
....
bool _isChecked=false;
@override
Widget build(BuildContext context) {
......
}
Комментарии:
1. Я не понял тебя. ты имеешь в виду, что я должен эту переменную вверху. Я пробовал это, но он не получает к нему доступа. На самом деле я вызываю этот метод в дочернем: TabBarView(
children: [ // first tab bar view widget Container( child: getNotecheckList() ),
Ответ №2:
Состояние виджета не сохраняется, поэтому галочка не отображается.
это пример кода. Я изменил bool на int, чтобы мы могли отслеживать положение выбранного элемента.
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
int _isChecked = -1;
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: 10,
itemBuilder: (BuildContext context, int position) {
return Card(
color: Colors.white,
elevation: 2.0,
child: CheckboxListTile(
title: Text("hi"),
subtitle: Text("this.noteList[position].actn_on"),
//secondary: const Icon(Icons.web),
value: position== _isChecked,
onChanged: (bool value) {
setState(() {
_isChecked = value?position:-1;
});
},
controlAffinity: ListTileControlAffinity.leading,
),
);
},
);
}
}
Комментарии:
1. Я попробовал код ur, но, похоже, он не работает. Я собираюсь добавить весь свой исходный код, чтобы вы поняли идею
2. убедитесь, что
_isCheckedпеременная объявлена вне тела функции, какcountпеременная в вашем коде.3. хорошо, спасибо, теперь все работает, но есть проблема, когда я проверяю один, все проверены
4. надеюсь, вы изменили
boolнаintи «значение: позиция== _прОверено»,5. OMG теперь действует как переключатель.. можно установить только один флажок. Но я хочу проверить несколько списков флажков