Could you please help me to align one element in column to extreme right.
Please help me
Wrap that icon with Align and set alignment to centerRight , like this:
Align
centerRight
IntrinsicHeight( child: Row( children: [ Expanded( child: Column( children: [ Align( alignment: Alignment.centerRight, child: Icon( Icons.info, size: 20, ), ), Icon(Icons.lock_clock), Text('item 1'), ], ), ), VerticalDivider( color: Colors.black, ), Expanded( child: Column( children: [ Align( alignment: Alignment.centerRight, child: Icon( Icons.info, size: 20, ), ), Icon(Icons.lock_clock), Text('item 1'), ], ), ), VerticalDivider( color: Colors.black, ), Expanded( child: Column( children: [ Align( alignment: Alignment.centerRight, child: Icon( Icons.info, size: 20, ), ), Icon(Icons.lock_clock), Text('item 1'), ], ), ), ], ), )
Or If you want that icon attach to top right of column in overlay, you can wrap the column wit stack widget and set that icon in it, like this:
IntrinsicHeight( child: Row( children: [ Expanded( child: Stack( alignment: Alignment.center, children: [ Padding( padding: const EdgeInsets.all(12.0), child: Column( children: [ Icon(Icons.lock_clock), Text('item 1'), ], ), ), Positioned( child: Icon( Icons.info, size: 20, ), top: 0, right: 0, ) ], ), ), VerticalDivider( color: Colors.black, ), Expanded( child: Stack( alignment: Alignment.center, children: [ Padding( padding: const EdgeInsets.all(12.0), child: Column( children: [ Icon(Icons.lock_clock), Text('item 1'), ], ), ), Positioned( child: Icon( Icons.info, size: 20, ), top: 0, right: 0, ) ], ), ), VerticalDivider( color: Colors.black, ), Expanded( child: Stack( alignment: Alignment.center, children: [ Padding( padding: const EdgeInsets.all(12.0), child: Column( children: [ Icon(Icons.lock_clock), Text('item 1'), ], ), ), Positioned( child: Icon( Icons.info, size: 20, ), top: 0, right: 0, ) ], ), ) ], ), )
This make icon closer to column.
Use
Expanded(child: SizedBox());
Before the wudget that you want to move in the most right
Copyright © 2021 Jogjafile Inc.
Wrap that icon with
Alignand set alignment tocenterRight, like this:Or If you want that icon attach to top right of column in overlay, you can wrap the column wit stack widget and set that icon in it, like this:
This make icon closer to column.