Eine erweiterbare Komponente für React Native

Blog

Eine erweiterbare Komponente für React Native

reagieren-native-erweitern

Eine erweiterbare Komponente für React Native



Bild

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