mfrag38-react-native-textinput-with-icons-full/lib/Placeholder.js

small react native package help you to make a material text input and allow you to add icons to the left and right side and icons have onPress feature

import React, { Component } from 'react';
import { Text } from 'react-native';
import PropTypes from 'prop-types';

export default class extends Component {
	static propTypes = {
		placeholder: PropTypes.string,
		placeholderColor: PropTypes.string,
	};

	static defaultProps = {
		placeholderColor: '#808080',
	};

	render() {
		let {
			paddingTop,
			paddingRight,
			paddingBottom,
			paddingLeft,
			fontFamily,
			fontSize,
			fontWeight,
			placeholder,
			placeholderColor,
			hasValue,
			focused,
		} = this.props;

		return (
			<Text
				style={{
					position: 'absolute',
					top: 0,
					paddingTop,
					paddingRight,
					paddingBottom,
					paddingLeft,
					color: placeholderColor,
					backgroundColor: 'transparent',
					opacity: focused && !hasValue ? 1 : 0,
					fontFamily,
					fontSize,
					fontWeight,
				}}
				pointerEvents='none'
				numberOfLines={1}
			>
				{placeholder}
			</Text>
		);
	}
}