Skip to content

Instantly share code, notes, and snippets.

View aaronksaunders's full-sized avatar

Aaron K Saunders aaronksaunders

View GitHub Profile
@aaronksaunders
aaronksaunders / Markdium-Dart.dart
Created June 19, 2019 16:29
Markdium-Flutter Tabs w/ State Management
RaisedButton(
child: Text("Add Item"),
onPressed: () async {
final form = _formKey.currentState;
form.save();
if (form.validate()) {
Provider.of(context)
.add(new Item(_name, num.parse(_price)));
} else {
print('validate failed');
@aaronksaunders
aaronksaunders / Markdium-Dart.dart
Created June 19, 2019 16:29
Markdium-Flutter Tabs w/ State Management
class TabBarDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
var count = Provider.of(context).items.length;
@aaronksaunders
aaronksaunders / Markdium-Dart.dart
Created June 19, 2019 16:29
Markdium-Flutter Tabs w/ State Management
import 'dart:collection';
import 'package:flutter/material.dart';
class Item {
String name;
num price;
Item(this.name, this.price);
}
@aaronksaunders
aaronksaunders / Markdium-Dart.dart
Created June 19, 2019 16:29
Markdium-Flutter Tabs w/ State Management
void main() => runApp(
ChangeNotifierProvider(
child: TabBarDemo(),
builder: (BuildContext context) {
return CartModel();
},
),
);
@aaronksaunders
aaronksaunders / Markdium-JSX.jsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: App.tsx
} />
@aaronksaunders
aaronksaunders / Markdium-TypeScript.tsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: TabRoot.tsx
interface IAppProps {}
const TabRoot: React.FC = props => {
return (
@aaronksaunders
aaronksaunders / Markdium-TypeScript.tsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: Tab1Detail.tsx
import React from 'react';
import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/react';
const Tab1Detail: React.SFC = () => {
return (
<>
@aaronksaunders
aaronksaunders / Markdium-JSX.jsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: App.tsx
const App: React.SFC = () => (
} />
@aaronksaunders
aaronksaunders / Markdium-TypeScript.tsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: Tab1Detail.tsx
import { withRouter } from "react-router"; // <== NEW
const Tab1Detail: React.SFC = (props) => { // <== NEW
return (
<>
@aaronksaunders
aaronksaunders / Markdium-TypeScript.tsx
Created June 6, 2019 15:02
Markdium-Ionic React (Beta) Tabs: Step By Step
// FILE: Tab1.tsx
// add the import..
import { withRouter } from "react-router";