Permalink
Browse files

Details-Bild mit Progress-Bar

  • Loading branch information...
ronnyhartenstein committed Sep 28, 2016
1 parent 918c613 commit f61f2d9d271c6316514cc47f99b25923f9ff2faf
Showing with 14 additions and 2 deletions.
  1. +2 −0 README.md
  2. +2 −0 package.json
  3. +10 −2 src/components/ListeItemDetails.js
View
@@ -9,4 +9,6 @@ TODOs:
- [x] Suchbegriff als State halten
- [x] Suchbegriff zum Filtern der Liste nutzen
- [x] nach Tap auf Item Details + Bild zum Pilz (externe URL)
- [x] Details-Bild mit Progress-Bar
- [ ] Images HTTP Cachen
- [ ] Bottom-Navi für Anzahl Treffer und "Neuer Eintrag"
View
@@ -10,7 +10,9 @@
"react": "15.3.1",
"react-native": "0.33.0",
"react-native-elements": "^0.5.0",
"react-native-image-progress": "^0.6.0",
"react-native-lazyload": "^1.1.0",
"react-native-progress": "^3.1.0",
"react-native-vector-icons": "^2.1.0",
"react-redux": "^4.4.5",
"redux": "^3.6.0",
@@ -1,10 +1,14 @@
import React, { Component } from 'react'
import { ScrollView, View, StyleSheet, Text, Image } from 'react-native'
import { ScrollView, View, StyleSheet, Text } from 'react-native'
import escapeUri from '../lib/escapeUri'
import Image from 'react-native-image-progress';
import ProgressBar from 'react-native-progress/Bar';
// Text: https://facebook.github.io/react-native/docs/text.html
// Image: https://facebook.github.io/react-native/docs/images.html
// Stylesheet: https://facebook.github.io/react-native/docs/stylesheet.html
// Progress: https://github.com/oblador/react-native-progress
// Image Progress: https://github.com/oblador/react-native-image-progress
class Infozeile extends Component {
@@ -39,7 +43,11 @@ export default class ListeItemDetails extends Component {
<Infozeile label='Zeitraum' text={item.zeitraum} />
<Infozeile label='Bedeutung' text={item.bedeutung} />
<Infozeile label='Merkmal' text={item.merkmal} />
<Image style={styles.image} source={{uri: image_uri}} />
<Image
style={styles.image}
source={{uri: image_uri}}
indicator={ProgressBar}
/>
</View>
)

0 comments on commit f61f2d9

Please sign in to comment.