How to use react-native-responsive-ui - 2 common examples

To help you get started, we’ve selected a few react-native-responsive-ui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github RocketChat / Rocket.Chat.ReactNative / app / containers / EmojiPicker / EmojiCategory.js View on Github external
// rerender FlatList in case of width changes
				key={`emoji-category-${ width }`}
				keyExtractor={item => (item && item.isCustom && item.content) || item}
				data={emojis}
				extraData={this.props}
				renderItem={({ item }) => this.renderItem(item)}
				numColumns={numColumns}
				initialNumToRender={45}
				removeClippedSubviews
				{...scrollPersistTaps}
			/>
		);
	}
}

export default responsive(EmojiCategory);
github RocketChat / Rocket.Chat.ReactNative / app / views / RoomView / UploadProgress.js View on Github external
);

	render() {
		const { uploads } = this.state;
		return (
			
				{uploads.map((item, i) => this.renderItem(item, i))}
			
		);
	}
}

export default responsive(UploadProgress);

react-native-responsive-ui

Responsive UIs for React Native

MIT
Latest version published 3 years ago

Package Health Score

51 / 100
Full package analysis

Popular react-native-responsive-ui functions