View 2-MessageListItem.stories.js
import React from "react"; | |
import { action } from "@storybook/addon-actions"; | |
import MessageListItem from "../components/MessageListItem"; | |
import { IonList } from "@ionic/react"; | |
export default { | |
title: "MessageListItem", | |
component: MessageListItem, | |
}; |
View Home.tsx
import React from "react"; | |
import { | |
IonContent, | |
IonHeader, | |
IonPage, | |
IonTitle, | |
IonToolbar, | |
IonButton, | |
} from "@ionic/react"; | |
import "./Home.css"; |
View App.tsx
import React, { useState } from "react"; | |
import { | |
IonApp, | |
IonPage, | |
IonHeader, | |
IonContent, | |
IonItem, | |
IonLabel, | |
IonInput, | |
IonRadioGroup, |
View Markdium-Dart.dart
void main() => runApp( | |
ChangeNotifierProvider( | |
child: TabBarDemo(), | |
builder: (BuildContext context) { | |
return CartModel(); | |
}, | |
), | |
); |
View Markdium-Dart.dart
class TabBarDemo extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
var count = Provider.of(context).items.length; |
View Markdium-Dart.dart
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'); |
View Markdium-Dart.dart
import 'dart:collection'; | |
import 'package:flutter/material.dart'; | |
class Item { | |
String name; | |
num price; | |
Item(this.name, this.price); | |
} |
View Markdium-Dart.dart
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'); |
View Markdium-Dart.dart
class TabBarDemo extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
var count = Provider.of(context).items.length; |
View Markdium-Dart.dart
import 'dart:collection'; | |
import 'package:flutter/material.dart'; | |
class Item { | |
String name; | |
num price; | |
Item(this.name, this.price); | |
} |
NewerOlder