[flutter] 플러터(IndexedStack)에서 각 인덱스에 대한 타이틀을 설정하는 방법은 무엇인가요?
Flutter의 IndexedStack은 여러 개의 자식 위젯 중에서 하나의 위젯만 보여주는 위젯이다. 각각의 인덱스에 대해 타이틀을 설정하는 방법을 알아보겠다.
타이틀을 설정하는 방법
- IndexedStack의 자식으로 여러 위젯을 추가한다. 각 위젯은 각각의 인덱스에 대응한다.
IndexedStack(
index: 0, // 현재 보여줄 인덱스 설정
children: [
Container(
child: Text('첫 번째 타이틀'),
),
Container(
child: Text('두 번째 타이틀'),
),
Container(
child: Text('세 번째 타이틀'),
),
],
)
- 각 인덱스에 대한 타이틀을 설정하려면, 위젯을 Wrap하여 타이틀을 포함하는 위젯을 만든다.
IndexedStack(
index: 0,
children: [
Container(
child: Column(
children: [
Text('첫 번째 타이틀', style: TextStyle(fontWeight: FontWeight.bold)),
Text('첫 번째 인덱스에 대한 내용'),
],
),
),
Container(
child: Column(
children: [
Text('두 번째 타이틀', style: TextStyle(fontWeight: FontWeight.bold)),
Text('두 번째 인덱스에 대한 내용'),
],
),
),
Container(
child: Column(
children: [
Text('세 번째 타이틀', style: TextStyle(fontWeight: FontWeight.bold)),
Text('세 번째 인덱스에 대한 내용'),
],
),
),
],
)
- 이제 IndexedStack 위젯은 각 인덱스에 대한 타이틀을 가진 위젯을 보여준다.