chore: compatible with build() in framework

README.md

@@ -17,23 +17,12 @@ An easy way to create Functional Components (FC) in Flutter, with composable hoo
 - 🧱 Hot reload
 - ⚛️ React style friendly
 
-![About 50% shrink](./image/fc.jpg)
-
 ## Install
 
 ```yaml
 dependencies:
   flutter_fc: <latest version>
 ```
-> 
-> If need destructuring. Dart 3 or greater version is required.
-> https://dart.dev/resources/dart-3-migration
-> 
-> ```yaml
-> environment:
->   sdk: '^>=3.0.3 <4.0.0'
-> ```
-
 
 ## Quick Example
 
@@ -46,7 +35,7 @@ class Counter extends FCWidget {
   const Counter({super.key});
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     final (counter, setCounter) = useState(0);
     return ElevatedButton(
       onPressed: () => setCounter(counter + 1),
@@ -75,7 +64,7 @@ Currently supports these hooks as following:
 ### useState
 
 ```dart
-// Dart 3
+// Dart >= 3
 final (flag, setFlag) = useState(false);
 
 // Dart >= 2.12 < 3.0.0
@@ -123,15 +112,6 @@ useImperativeHandle(reloadRef, () {
 reloadRef.current?.call();
 ```
 
-### useBuildContext
-
-Retrieve current FC context
-
-```dart
-final context = useBuildContext();
-final theme = Theme.of(context);
-```
-
 ## Development Tips
 
 ### Define Reusable Widgets
@@ -142,7 +122,7 @@ class Counter extends FCWidget {
   Counter({this.value, super.key});
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     final (counter, setCounter) = useState(value ?? 0);
     useEffect(() => setCounter(value ?? 0), [value]);
     return Text("Counter: $counter"");

example/lib/main.dart

@@ -13,7 +13,7 @@ class CounterScreen extends FCWidget {
   const CounterScreen({super.key});
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     // sdk 2.x interop
     // final (counter, setCounter) = useState(0);
     final state = useState(0);
@@ -36,7 +36,7 @@ class ErrorTestScreen extends FCWidget {
   const ErrorTestScreen({super.key});
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     flag++;
     final value = flag > 1 ? useMemo(() => 1, []) : useRef(0).current;
     return Text("$value");
@@ -68,7 +68,7 @@ class OverlayHierScreen extends FCWidget {
   const OverlayHierScreen({super.key});
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     // sdk 2.x interop
     // final (counter, setCounter) = useState(0);
     final state = useState(0);

example/pubspec.lock

@@ -68,7 +68,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.3.0"
+    version: "0.3.1"
   flutter_lints:
     dependency: "direct dev"
     description:

lib/src/fc.dart

@@ -211,7 +211,7 @@ class _FCPropsWidget<Props> extends Widget implements _FCWidget {
   Element createElement() => _FCElement<_FCPropsWidget>(this);
 
   @override
-  Widget build() => builder(props, ref);
+  Widget build(BuildContext context) => builder(props, ref);
 }
 
 /// [StatelessElement]
@@ -287,7 +287,7 @@ class _FCElement<T extends _FCWidget> extends ComponentElement
       _kCurrentDispatcher = _FcUpdateDispatcher(this);
     }
     try {
-      final built = widget.build();
+      final built = widget.build(this);
       memoizedHooks = _kCurrentDispatcher!.memoizedHooks;
       return built;
     } catch (e) {
@@ -300,7 +300,7 @@ class _FCElement<T extends _FCWidget> extends ComponentElement
 }
 
 abstract class _FCWidget implements Widget {
-  Widget build();
+  Widget build(BuildContext context);
 }
 
 class FCType implements Type {

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_fc
 description: Writing Function Component in Flutter, just as writing in React.
-version: 0.3.1
+version: 0.4.0
 homepage: https://github.com/luo3house/flutter_fc
 
 environment:

test/shim_test.dart

@@ -7,7 +7,7 @@ class _MyFCWidget extends FCWidget {
   const _MyFCWidget(this.name);
 
   @override
-  Widget build() {
+  Widget build(BuildContext context) {
     final (text, setText) = useState<String?>(null);
     final greetings = useMemo(() => "Hello $name", [name]);
     useEffect(() {