lodev09/react-native-cell-components

Awesome react-native cell components! From a Cell to more complex & awesome components.

RN Cell Components

RN 0.60+ and up?

Support for RN 0.60 is limited as the moment due to compatibility issues specially the deprecated ListView. Support for FlatList will come soon and this package might drop support for realm to accomodiate that.

Installation

npm install react-native-cell-components --save

Awesome react-native cell components! As the package name says, components that are built around a Cell component. Used for a simple ActionSheet to a more complex CellTags + SelectList, and much more!

Tested with redux and on RN >=0.40

This is currently on heavy development so expect rapid changes.

Features/To-do

• Components are re-used
• Supports redux
• Realm support for ListView
• Full Android support
• Custom user theme/styles

Components

• Cell
• ActionSheet
• CellGroup
• CellInput
• CellListProvider
• CellSheet
• DatePicker
• SelectList
• CellTags
• CellSlider
• CellSwitch

Dependencies

• react-native-vector-icons: *

Usage & Props

coming soon, see example for now :)

Credits

Feedback and PRs are welcome!

License

See LICENSE file.

@lodev09 / www.lodev09.com

react-native-cell-components's Issues

Request Android and iOS example that picks from system contacts

Very nice! I will be following this project's progress!

Thank you for sharing your work.

Text Input cell and datepicker cell also goes white? plus UseNativeDriver is not defined.

How is it possible to prevent this? I cannot find a way to fix this. I attach screenshots taken from the simulator (same errors happen in the physical device).

CellGroup: Header only accepts String

Per the CellGroup code, this.props.header can be an OBJECT or a String value. However, when you pass in an object or custom View (essentially), an error shows; "this.props.header.toUpperCase is not a function.

I'm assuming the the switch should be doing a typeof on the header so it will fall into the first case rather than the default, which cause this error.

switch(typeof this.props.header)
case "object":
return this.props.header
break;
default:
return (.......)

CellSheet and SelectList can't scroll up and down for selection.

CellSheet and SelectList can't scroll up and down for selection.

v0.4.3 Modal#onDismiss() will not involved

CellInput - Unable to set initial value

While CellInput does use TextInput within it, I am unable to set an initial value.

I'm assuming it is done like so;

In addition, I have some DatePickers on the same page. When I set the CellInput's onChangeText={(v) => {this.setState({someValue: v}) I get the following error; nextProps.date.getTime is not a function.
I'm not sure how the CellInput change is triggering the DatePicker.

Cannot add a child that doesn't have a YogaNode to a parent without a measure function!

Cannot add a child that doesn't have a YogaNode to a parent without a measure function! (Trying to add a 'ReactRawTextShadowNode' to a 'LayoutShadowNode')
//貌似是注释问题
CellGroup，如果header===“”的时候，会报错
renderHeader() {
switch (typeof this.props.header) {
case 'object':
return this.props.header;
break;
default:
return (

{
this.props.header &&
{this.props.header.toUpperCase()}
}

);
}
}

ref:facebook/react-native#18880
Here is another fun one that happens only in android (even in RN 0.55.3):

{this.props.loadingURL&& {this.props.loadingURL} }

This blows up Android with that error if loadingURL is an empty string. It works fine if it's a non-empty string or a boolean or if I change it to this (basically convert it to a boolean):

{!_.isEmpty(this.props.loadingURL)&&

Identifier 'isIphoneX' has already been declared

Getting 'Identifier 'isIphoneX' has already been declared' in theme.js file while react-native run-ios.

Environment:
"react": "16.8.3",
"react-native": "0.59.8",
"react-native-cell-components": "^0.4.4",
react-native-cli: 2.0.1
Thanks