🚧 Pre-release Preparation: 🚧 Pre-release: Public version currently lacks most documented features
Build native mobile apps with Dart. No platform views, no abstractions. Just pure native UI with React-like development experience.
Write once in Dart, render native UI everywhere. DCFlight brings React-like development to native mobile.
DCFView(
children: [
DCFText(
"Hello DCFlight!"
),
DCFButton(
title: "Click me",
onPress: () {
// Native action
}
)
]
)Renders actual native UI components. No bridge overhead, no compromise on performance.
Familiar development experience with hooks, state management, and component lifecycle.
Direct access to native views. No platform views or unnecessary abstractions.
Build with a comprehensive set of native components, from basic UI to advanced interactions.
Container component
DCFView(children: [...])Interactive buttons
DCFButton(title: 'Click me')Native modals
DCFModal(visible: true)Alert dialogs
DCFAlert(title: 'Alert')Build complex UIs with intuitive Dart syntax
void main() {
DCFlight.start(app: MyApp());
}
class MyApp extends StatefulComponent {
@override
DCFComponentNode render() {
final counter = useState(0);
return DCFView(
layout: LayoutProps(
flex: 1,
justifyContent: YogaJustifyContent.center,
alignItems: YogaAlign.center,
),
children: [
DCFText(
content: "Count: ${counter.value}",
textProps: DCFTextProps(fontSize: 24),
),
DCFButton(
buttonProps: DCFButtonProps(title: "Increment"),
onPress: () => counter.setValue(counter.value + 1),
),
],
);
}
}DCFlight is currently in rapid development. Expect bugs and breaking changes as we work towards stability.
Contributions are welcomed! Help us build the future of cross-platform development.