react-native-listview

I am using react-native for a iOS mobile app where I am using ListView to display a list of alarms. I have created my own reusable list view component called ComponentListView in which I can pass in the component that I want to render in each row and the data for the list view. If I have a lot of alarms and I scroll down to see the alarms in the end, it always scrolls back to the top (please see sample app below on rnplay with symptoms) and hence I can't operate on the alarms in the end. I think it may have something to do with how I have created the ComponentListView component because if I

i'm new in react-native. I saw an example in https://facebook.github.io/react-native/docs/sample-application-movies.html . It is building a movies app that fetch movies and display them in a ListView. How can we select a row to get its detail data and display it in other view? Please help. thanks :) Here's what i've done so far: /** * Sample React Native App * https://github.com/facebook/react-native */ import React, { Component, } from 'react'; import { AppRegistry, Image, ListView, StyleSheet, Text, View, Navigator, TouchableOpacity, } from 'react-native'; var REQUEST_URL = 'https://raw

I have a problem regarding the alignment of Listview elements that should be displayed in a more boxed style than in a row style. In the picture you can see the current status, which is produced by using this StyleSheet code used in Listview's contentContainerStyle prop: ListViewStyle: { flexDirection: 'row', flexWrap: 'wrap', } What I want to achieve are wrapped Listview elements without starting a new line after row wrap happened and as a result without having space on the top of of a Listview Element. Any idea how to achieve this nice and clean? Thank you! Mμ. Somebody was trying to do the

On Android 4.4, ListView separator lines are inconsistent in thickness, and some do not render. I can't see how this can be a code issue, this is how I render them: separator: { height: 1, backgroundColor: 'grey', } ... <ListView renderSeparator={(sectionID, rowID) => <View key={`${sectionID}-${rowID}`} style={styles.separator} /> } .../> Here is a screenshot of a View with this problem: This issue does not happen on iOS or Android 6. Anyone had this problem before? Update I did a test, this is not Android4 issue. It happens on all API version when running on Nexus One device (in android

I have array of objects like the example below; [{ "id" : 13100, "key" : "Emlak Vergisi", "y" : 135638.98 }, { "id" : 13154, "key" : "Çevre Temizlik ", "y" : 956.17 }, { "id" : 19998, "key" : "Genel Tahakkuk", "y" : 89030.62 }, { "id" : 24998, "key" : "Gecekondu ve So", "y" : 42721.07 }, { "id" : 60000, "key" : "Ortak Gelirler", "y" : 827.42 } ] Is it possible to have a listview with alternating color for each item? I would say this approach is cleaner: renderRow(rowData, sectionID, rowID) { let style = [ styles.row, {'backgroundColor': colors[rowID % colors.length]} ]; return (<View style=

I am trying to learn how to use react-native, so I am putting up a small app that fetch a list of users from a server, displays it in a listview and where pressing a row opens a screen displaying user's data. I set up a navigator to go from one screen to another. When pressing on the row I am able to open a new screen but I can't figure how to pass data to this new screen. I set up an navigator in index.android.js import React from 'react'; import { AppRegistry, Navigator, } from 'react-native'; import ContactList from './src/containers/ContactList.js'; function MyIndex() { return ( <Navigator