Merge pull request #80 from arrowsmith001/JHubi1/78-voice-scroll-text
Added scroll container to AI text on voice chat page
This commit is contained in:
commit
ad719bc561
|
@ -127,6 +127,7 @@ class _ScreenVoiceState extends State<ScreenVoice> {
|
|||
setState(() {
|
||||
aiText = currentText;
|
||||
lightHaptic();
|
||||
updateScrollState();
|
||||
});
|
||||
if (done) {
|
||||
aiThinking = false;
|
||||
|
@ -167,10 +168,23 @@ class _ScreenVoiceState extends State<ScreenVoice> {
|
|||
: null);
|
||||
}
|
||||
|
||||
final ScrollController scrollController = ScrollController();
|
||||
bool atScrollEnd = false;
|
||||
|
||||
void updateScrollState() {
|
||||
setState(() {
|
||||
atScrollEnd = scrollController.position.extentAfter < 8.0;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
scrollController.addListener(() {
|
||||
updateScrollState();
|
||||
});
|
||||
|
||||
resetSystemNavigation(context,
|
||||
statusBarColor: themeDark().colorScheme.surface,
|
||||
systemNavigationBarColor: themeDark().colorScheme.surface,
|
||||
|
@ -212,6 +226,7 @@ class _ScreenVoiceState extends State<ScreenVoice> {
|
|||
},
|
||||
child: Scaffold(
|
||||
appBar: AppBar(
|
||||
scrolledUnderElevation: 0.0,
|
||||
leading: IconButton(
|
||||
enableFeedback: false,
|
||||
onPressed: () {
|
||||
|
@ -252,7 +267,8 @@ class _ScreenVoiceState extends State<ScreenVoice> {
|
|||
color: Colors.grey,
|
||||
))
|
||||
]),
|
||||
body: Column(
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: [
|
||||
Expanded(
|
||||
|
@ -341,18 +357,55 @@ class _ScreenVoiceState extends State<ScreenVoice> {
|
|||
Expanded(
|
||||
child: Column(mainAxisSize: MainAxisSize.max, children: [
|
||||
Expanded(
|
||||
child: Stack(
|
||||
children: [
|
||||
ShaderMask(
|
||||
shaderCallback: (Rect bounds) {
|
||||
return LinearGradient(
|
||||
begin: Alignment.bottomCenter,
|
||||
end: Alignment.topCenter,
|
||||
colors: const [
|
||||
Colors.transparent,
|
||||
Colors.black
|
||||
],
|
||||
stops: [0.0, atScrollEnd ? 0.0 : 0.1],
|
||||
).createShader(bounds);
|
||||
},
|
||||
blendMode: BlendMode.dstIn,
|
||||
child: SingleChildScrollView(
|
||||
controller: scrollController,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 16, right: 16),
|
||||
padding: const EdgeInsets.only(
|
||||
left: 16, right: 16),
|
||||
child: Center(
|
||||
child: Text(aiText,
|
||||
textAlign: TextAlign.center,
|
||||
overflow: TextOverflow.fade,
|
||||
style: const TextStyle(
|
||||
fontFamily: "monospace"))),
|
||||
fontFamily:
|
||||
"monospace")))))),
|
||||
if (!atScrollEnd)
|
||||
Positioned(
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
child: IconButton(
|
||||
icon: const Icon(
|
||||
Icons.arrow_downward_rounded,
|
||||
color: Colors.grey),
|
||||
onPressed: () {
|
||||
scrollController.animateTo(
|
||||
scrollController
|
||||
.position.maxScrollExtent,
|
||||
duration: const Duration(
|
||||
milliseconds: 500),
|
||||
curve: Curves.easeInOut);
|
||||
}),
|
||||
)
|
||||
],
|
||||
))
|
||||
]),
|
||||
)
|
||||
],
|
||||
]),
|
||||
))));
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue