当前位置 : 主页 > 网络编程 > JavaScript >

一段封装组件的代码

来源:互联网 收集:自由互联 发布时间:2021-06-30
之后还会加上默认值和判断非空等逻辑。 import React, { Component } from 'react';import { StyleSheet, View, TextInput, Text, Image,} from 'react-native';const styles = StyleSheet.create({ container: { flexDirection: 'row', al
之后还会加上默认值和判断非空等逻辑。
import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  TextInput,
  Text,
  Image,
} from 'react-native';

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  icon: {
    width: 30,
    height: 30,
  },
  input: {
    backgroundColor: 'grey',
    flex: 1,
  },
});

export default class ImageTextInput extends Component {
  render() {
    return (
      
 
        
  
        
   
   
    {this.props.title}
    
  
        
      
 
    );
  }
}
网友评论