TODO: Đã hoàn thiện được componet chip trong email input fix được vùng giao diện…

TODO: Đã hoàn thiện được componet chip trong email input fix được vùng giao diện chết do wapper tạo ra không còn chỉ nhấn vào title mới sang được chế độ show input

react-native-tag-input @ c95f8368

-Subproject commit c95f83687e728b84c9eb4df75e9a89ad0afb1b1a

src/screens/email/send/style.js

@@ -52,6 +52,21 @@ const styles = StyleSheet.create({
     iconClose:{
         width:15,
         height:15
+    },
+    inputContainer:{
+        height:35,
+        flexDirection:'row',
+        alignItems:'center',
+        borderBottomWidth:1,
+        borderColor:R.colors.blue4,
+        borderRadius:5,
+       
+    },
+    input:{
+        padding:0,
+        paddingHorizontal:10,
+        paddingVertical:0
+        
     }
 })
 

src/screens/email/send/view.js

 import React from 'react';
-import {Text, View, TouchableOpacity, StyleSheet, Image} from 'react-native';
+import {Text, View, TouchableOpacity, StyleSheet, Image, TextInput} from 'react-native';
 import styles from './style';
 import R from '../../../assets/R';
 import Button from '../../../components/Button';
@@ -31,7 +31,6 @@ const renderHeader = () => {
       style={styles.container}>
           {renderHeader()}
         <View style={styles.body}>
-        
           <EmailChipInput
             title="To"
             delimiters={dataList}
@@ -41,13 +40,84 @@ const renderHeader = () => {
             chipTextStyle={{ color:R.colors.black }}
             containerStyle={{
               borderBottomWidth:1,
-              borderColor: R.colors.blue4,
+              borderColor: R.colors.grayBorderInputTextHeader,
+              borderRadius: 5,
+              marginBottom:10
+            }}
+            chipImage={
+              <Image source={R.images.icCancel} style={styles.iconClose} tintColor={R.colors.black}/>
+            }
+          />
+          <EmailChipInput
+            title="CC"
+            delimiters={dataList}
+            entries={chip}
+            onSubmit={handleChange}
+            chipContainerStyle={{ backgroundColor: R.colors.blue4}}
+            chipTextStyle={{ color:R.colors.black }}
+            containerStyle={{
+              borderBottomWidth:1,
+              borderColor: R.colors.grayBorderInputTextHeader,
+              borderRadius: 5,
+              marginBottom:10
+            }}
+            chipImage={
+              <Image source={R.images.icCancel} style={styles.iconClose} tintColor={R.colors.black}/>
+            }
+          />
+          <EmailChipInput
+            title="BCC"
+            delimiters={dataList}
+            entries={chip}
+            onSubmit={handleChange}
+            chipContainerStyle={{ backgroundColor: R.colors.blue4}}
+            chipTextStyle={{ color:R.colors.black }}
+            containerStyle={{
+              borderBottomWidth:1,
+              borderColor: R.colors.grayBorderInputTextHeader,
+              borderRadius: 5,
+              marginBottom:10
+            }}
+            chipImage={
+              <Image source={R.images.icCancel} style={styles.iconClose} tintColor={R.colors.black}/>
+            }
+          />
+            <EmailChipInput
+            title="From"
+            delimiters={dataList}
+            entries={chip}
+            onSubmit={handleChange}
+            chipContainerStyle={{ backgroundColor: R.colors.blue4}}
+            chipTextStyle={{ color:R.colors.black }}
+            containerStyle={{
+              borderBottomWidth:1,
+              borderColor: R.colors.grayBorderInputTextHeader,
               borderRadius: 5,
+              marginBottom:10
             }}
             chipImage={
               <Image source={R.images.icCancel} style={styles.iconClose} tintColor={R.colors.black}/>
             }
           />
+          <View style={styles.inputContainer}>
+            <Text>
+              Subject
+            </Text>
+            <TextInput
+              placeholder="Subject"
+              style={styles.input}
+            />
+          </View>
+
+          <View style={styles.inputContainer}>
+            <Text>
+              Content
+            </Text>
+            <TextInput
+              placeholder="Content"
+              style={styles.input}
+            />
+          </View>
   
 
         </View>