Skip to content

在撰写文章/帖子时可以方便的使用贴纸 #330

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
te707 wants to merge 6 commits into from
Closed

在撰写文章/帖子时可以方便的使用贴纸 #330

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d4b7ec2
在撰写文章/帖子时可以方便的使用贴纸
te707 May 3, 2026
4f39e02
修复flutter analyze指出之问题
te707 May 4, 2026
778b2aa
又改正flutter analyze指出之问题
te707 May 4, 2026
b81f245
好了没，这个flutter analyze怎么那么难过啊
te707 May 4, 2026
f4b66c6
在出租车上改东西，我算是活到头了
te707 May 4, 2026
dc357ad
在出租车上改东西，我算是活到头了
te707 May 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 56 additions & 8 deletions lib/posts/widgets/compose/compose_toolbar.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ import 'package:island/posts/widgets/compose/draft_manager.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:solar_network_sdk/solar_network_sdk.dart';
import 'package:island/stickers/widgets/stickers/sticker_picker.dart';
import 'package:flutter/services.dart';

class ComposeToolbar extends HookConsumerWidget {
final ComposeState state;
Expand Down Expand Up @@ -105,6 +107,32 @@ class ComposeToolbar extends HookConsumerWidget {
);
}

void pickSticker() async {
final renderBox = context.findRenderObject() as RenderBox?;
final offset = renderBox?.localToGlobal(Offset.zero) ?? Offset.zero;
await showStickerPickerPopover(
context,
offset,
alignment: Alignment.bottomCenter,
onPick: (placeholder) {
final controller = state.contentController;
final text = controller.text;
final selection = controller.selection
final newText = text.replaceRange(
selection.start,
selection.end,
'$placeholder',
);
controller.text = newText;
controller.selection = TextSelection.fromPosition(
TextPosition(offset: selection.start + placeholder.length + 2),
);
HapticFeedback.selectionClick();
},
);
}


void showDraftManager() {
showModalBottomSheet(
context: context,
Expand All @@ -123,7 +151,7 @@ class ComposeToolbar extends HookConsumerWidget {
state.visibility.value = draft.visibility;
state.attachments.value = draft.attachments
.map((e) => UniversalFile.fromAttachment(e))
.toList();
.toList();
}
},
),
Expand All @@ -142,6 +170,7 @@ class ComposeToolbar extends HookConsumerWidget {
return Material(
elevation: 8,
color: Theme.of(context).colorScheme.surfaceContainer,

child: Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 560),
Expand Down Expand Up @@ -239,13 +268,32 @@ class ComposeToolbar extends HookConsumerWidget {
},
),
// Embed button with visual state when embed is present
ListenableBuilder(
listenable: state.embedView,
builder: (context, _) {
return IconButton(
onPressed: showEmbedSheet,
icon: const Icon(Symbols.iframe),
tooltip: 'embedView'.tr(),

IconButton(
onPressed: pickSticker,
icon: const Icon(Symbols.sticky_note_2),
tooltip: 'stickers'.tr(),
color: colorScheme.primary,
),

ListenableBuilder(
listenable: state.embedView,
builder: (context, _) {
return IconButton(
onPressed: showEmbedSheet,
icon: const Icon(Symbols.iframe),
tooltip: 'embedView'.tr(),
color: colorScheme.primary,
style: ButtonStyle(
backgroundColor: WidgetStatePropertyAll(
state.embedView.value != null
? colorScheme.primary.withOpacity(0.15)
: null,
),
),
);
},
),
color: colorScheme.primary,
style: ButtonStyle(
backgroundColor: WidgetStatePropertyAll(
Expand Down
Loading