reactive_mind_map 1.1.1
reactive_mind_map: ^1.1.1 copied to clipboard
A customizable and interactive mind map widget for Flutter with smooth animations and various layout options.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
1.1.1 - 2025-06-20 #
Fixed #
- Fixed homepage URL in pubspec.yaml to point to correct repository
- Updated CHANGELOG.md to use English as primary language for pub.dev compliance
1.1.0 - 2025-06-20 #
π― New Features #
- NodeExpandCameraBehavior: Added camera behavior control when nodes are expanded/collapsed
none: No camera movement (default)focusClickedNode: Focus on the clicked nodefitExpandedChildren: Fit newly expanded children nodes to viewfitExpandedSubtree: Fit entire expanded subtree to view
π Bug Fixes #
- Fixed camera drift on node toggle: Resolved issue where mind map would gradually move down when toggling nodes
- Improved root node position stability: Root node position is now fixed during node toggle operations
π§ Technical Improvements #
- Optimized camera control logic
- Enhanced node toggle state management
1.0.5 - 2025-06-20 #
π― New Features #
- Smart Camera Focus System: Added intelligent camera focus system
CameraFocus.rootNode: Focus on root node (default)CameraFocus.center: Focus on canvas centerCameraFocus.fitAll: Auto-fit all nodes to viewCameraFocus.firstLeaf: Focus on first leaf nodeCameraFocus.custom: Focus on specific node usingfocusNodeId
π§ Camera Control Options #
cameraFocus: Set camera focus optionfocusNodeId: Specify target node ID for custom focusfocusAnimation: Set focus transition animation duration (default: 300ms)focusMargin: Set margin around focused content (default: 20px)
π¨ Enhanced User Experience #
- Perfect mind map display in small containers
- Smooth camera transition animations
- Pixel-perfect focus calculations for accurate centering
π Documentation #
- Added Camera Focus Control usage guide to README
- Provided 4 practical usage examples
- Added focus options reference table
1.0.4 - 2024-06-19 #
Added #
- π― Auto-centering feature: Root node automatically centers on initial load
- π Initial zoom scale:
initialScaleproperty for default zoom level control - π Default node expansion state:
isNodesCollapsedproperty for initial node state control - πΈ Image capture feature:
captureKeyproperty for saving mind map as image - π TransformationController support: Programmatic viewport and zoom control
Improved #
- π§ Text rendering quality: Applied
softWrap: trueto prevent text overflow - β‘ Initial loading performance: Auto-centering improves user experience
- π¨ InteractiveViewer optimization: Smoother pan/zoom interactions
- π± Responsive improvements: Better adaptation to various screen sizes
Fixed #
- β Initial viewport issue: Fixed root node appearing outside viewport
- π€ Text clipping issue: Fixed display errors with long text
- π― Node focus issue: Fixed difficulty finding mind map content
Usage Examples #
MindMapWidget(
data: yourMindMapData,
initialScale: 0.8, // Initial 80% zoom level
isNodesCollapsed: false, // Expand all nodes by default
captureKey: GlobalKey(), // Key for image capture
style: MindMapStyle(
// ... existing style settings
),
)
1.0.3 - 2025-06-13 #
1.0.2 - 2025-06-11 #
1.0.1 - 2025-06-11 #
Added #
- Initial release with basic mind map functionality
- Multiple layout options (right, left, top, bottom, radial, horizontal, vertical)
- Customizable node shapes and colors
- Interactive expand/collapse animations
- Touch interactions (tap, long press, double tap)
- Pan and zoom capabilities
Features #
- Layouts: 7 different layout options
- Node Shapes: 6 different shape options
- Animations: Smooth expand/collapse with customizable curves
- Interactions: Full touch interaction support
- Styling: Comprehensive styling options
1.0.0 - 2025-06-11 #
Added #
- Initial release of Reactive Mind Map package
- Multiple layout options (right, left, top, bottom, radial, horizontal, vertical)
- Six node shapes (rounded rectangle, circle, rectangle, diamond, hexagon, ellipse)
- Comprehensive styling system with MindMapStyle
- Interactive features (tap, long press, double tap, expand/collapse)
- Smooth animations with customizable curves and duration
- Pan and zoom functionality
- Rich customization options for colors, fonts, and effects
- Shadow effects for nodes
- Connection line customization
- Comprehensive test suite
- Example application demonstrating all features
- MIT License
- Complete documentation
κΈ°μ μ νΉμ§ #
- Flutter 3.0+ μ§μ
- λ°μν λμμΈ
- μ κ·Όμ± κ³ λ €
- νμ μμ μ±
μ§μ νλ«νΌ #
- Android
- iOS
- Web
- Windows
- macOS
- Linux