React Native, Flutter, Android, iOS, React
Competitive Programming, Blog posting, Stable Diffusion
If you need more information about my techs, check my sample, library repositories or website.
Flutter plugin for iOS PencilKit
License: MIT License
React Native, Flutter, Android, iOS, React
Competitive Programming, Blog posting, Stable Diffusion
If you need more information about my techs, check my sample, library repositories or website.
Is there a possibility to get a controller.onChange function running?
I would like to get the draw events to synchronize it to other devices using a websocket.
Thanks!
None
Not sure what's happening, but I deleted everything but the PencilKit in the example. If I add many small taps/dashes/etc to the screen eventually after 20 or so, it crashes. GPU FPS Pre all seem "good" so not sure what's happening.
I'm using the latest version of the 6th gen iPad Pro 12.9"
I get a "Pencil Kit 9000+ ms" and it freezes.
none
2.0.0
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.6, on macOS 14.2 23C64 darwin-x64, locale en-US)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
flutter config --android-sdk
to update to that location.
[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] IntelliJ IDEA Ultimate Edition (version 2024.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.3)
[✓] Connected device (3 available)
[✓] Network resources
! Doctor found issues in 2 categories.
Debug mode
iPad Readl device
iPad Pro 12.9" 6th gen
Yes
Working with the IOS simulator is fine, but when I try to build for a physical device, Xcode will fail with the message "missing module pencil_kit". Are there steps I am missing? Thanks!
Hi. In the description it states "Import/Export drawing data". Where are the available methods to do so?
Jakob
I'm trying to do native pencil drawing on a textfield.
However, if there is a textfield above the pencilkit, events are taken from the pencilkit and drawing does not occur.
What should I do about this problem?
https://github.com/flexboni/all_in_one_flutter/blob/main/lib/feat/pencil/screen/pencil_screen.dart
1.0.8
[✓] Flutter (Channel stable, 3.19.2, on macOS 14.2 23C64 darwin-arm64, locale
ko-KR)
• Flutter version 3.19.2 on channel stable at
/Users/flexboni/fvm/versions/stable
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7482962148 (13 days ago), 2024-02-27 16:51:22 -0500
• Engine revision 04817c99c9
• Dart version 3.3.0
• DevTools version 2.31.1
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/flexboni/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• Java binary at: /Applications/Android
Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build
17.0.6+0-17.0.6b829.9-10027231)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15A507
• CocoaPods version 1.15.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2022.3)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build
17.0.6+0-17.0.6b829.9-10027231)
[✓] VS Code (version 1.87.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.84.0
[✓] Connected device (4 available)
• 김구봉의 iPad (mobile) • 00008101-000121310E87001E • ios • iOS 17.3.1 21D61
• iPad Pro (11-inch) (3rd generation) (mobile) • 01F20567-71A8-474F-8D3D-133D473F3435 • ios • com.apple.CoreSimulator.SimRuntime.iOS-16-0 (simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 14.2 23C64 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 122.0.6261.112
! Error: Browsing on the local area network for 황경수의 iPad. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources
• All expected network resources are available.
• No issues found!
None
iPad simulator
iOS 17.3.1
Yes
I need an automatic workflow for deployment!
No response
Would be nice to be able to zoom in/out of the view. Also to support bigger dimensions than the container it is in.
None
@all-contributors please add @mym0404 for code
@all-contributors please add @mym0404 for ideas
When you put the PencilKit
inside a InteractiveViewer
, it can only draw a short line.
It's likely it triggered the pan threshold. I tried to set panEnabled
to false
, still experience the same.
After some testing, you cannot draw when you wrapped the PencilKit
with GestureDetector
also.
InteractiveViewer
panEnabled
to false
PencilKit
to the child
of InteractiveViewer
https://github.com/jack-szeto/pencilkit_minimal.git
1.0.6
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.7, on macOS 13.6 22G120 darwin-arm64, locale zh-Hant-HK)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.1)
[✓] VS Code (version 1.85.1)
[✓] Connected device (3 available)
[✓] Network resources
• No issues found!
Debug mode
iOS Real device
iPad (9)
Yes
Hello.
I would like to point out an important mistake about the pencil_package you wrote in Flutter. getBase64 function is not working properly. Or I made a mistake :) I run the getBase64 function exactly as in the example. However, when I write the value returned by the method to base64 to Image sites, I get an error. So the code returned is not quite correct.
I write example code
https://github.com/mj-studio-library/flutter-pencilkit/
1.0.7
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.6, on macOS 13.5.1 22G90 darwin-arm64, locale
tr-TR)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.3)
[✓] VS Code (version 1.85.2)
[✓] Connected device (3 available)
[✓] Network resources
None
iOS simulator
No response
Yes
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.