Eine erweiterbare Komponente für React Native
reagieren-native-erweitern
Eine erweiterbare Komponente für React Native
Einstieg
npm install react-native-expand --save Anwendungsbeispiel
class App extends React.Component { constructor(props) { super(props); this.ds = [BandageIcon,CallIcon,DislikeIcon, FistIcon, FlowersIcon, HeartIcon, LikeIcon, LikingIcon, PartyIcon, PokeIcon, SuperLikeIcon, VictoryIcon]; } renderRowData(rowData, index) { return ( Row{index + 1} {LOREM_IPSUM} ); } render() { return ( ) } } Eigenschaften
| Stütze | Beschreibung | Standard |
|---|---|---|
contentPanelStyle | Der Stil für den Komponentencontainer. | Keiner |
footerPanelStyle | Der Stil für den Fußzeilencontainer. | Keiner |
footerTextStyle | Der Stil für den Fußzeilentext. | Keiner |
dataSource | Die DataSource für die zu verwendende Komponente. | Keiner |
renderRow | Die Funktion, um zu definieren, wie das Element angezeigt werden soll. | Keiner |
renderHeader | Die Funktion zum Rendern des Kundenheaders für diese Komponente. | Keiner |
minRowCount | Die minimale Anzahl von Zeilen, die gerendert werden, wenn die Komponente reduziert wird. | 1 |
expandText | Der Text zur Angabe des Erweiterungsvorgangs. | ↓ Load More |
collapseText | Der Text zur Angabe des Minimierungsvorgangs. | ↑ Collapse |
Download-Details:
Autor: hejiaj
GitHub: https://github.com/hejiaji/react-native-expand
#reagieren-nativ #reagieren #programmierung