fixed text clipping in transfer screen

ios/Podfile.lock

@@ -699,7 +699,7 @@ SPEC CHECKSUMS:
   boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
   BugsnagReactNative: a96bc039e0e4ec317a8b331714393d836ca60557
   BVLinearGradient: e3aad03778a456d77928f594a649e96995f1c872
-  DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
+  DoubleConversion: cde416483dac037923206447da6e1454df403714
   FBLazyVector: 3bb422f41b18121b71783a905c10e58606f7dc3e
   FBReactNativeSpec: f2c97f2529dd79c083355182cc158c9f98f4bd6e
   Firebase: c23a36d9e4cdf7877dfcba8dd0c58add66358999
@@ -711,7 +711,7 @@ SPEC CHECKSUMS:
   FirebaseInstanceID: bd3ffc24367f901a43c063b36c640b345a4a5dd1
   FirebaseMessaging: 5eca4ef173de76253352511aafef774caa1cba2a
   Folly: b73c3869541e86821df3c387eb0af5f65addfab4
-  glog: 85ecdd10ee8d8ec362ef519a6a45ff9aa27b2e85
+  glog: 40a13f7840415b9a77023fbcae0f1e6f43192af3
   GoogleAppMeasurement: a6a3a066369828db64eda428cb2856dc1cdc7c4e
   GoogleDataTransport: f56af7caa4ed338dc8e138a5d7c5973e66440833
   GoogleUtilities: 7f2f5a07f888cdb145101d6042bc4422f57e70b3

src/components/transferFormItem/view/transferFormItemStyles.js

@@ -22,6 +22,7 @@ export default EStyleSheet.create({
   },
   rightPart: {
     flex: 2,
-    // padding: 10,
+    flexDirection: 'row',
+    flexWrap: 'wrap',
   },
 });

src/screens/transfer/screen/delegateScreen.js

@@ -335,7 +335,7 @@ class DelegateScreen extends Component {
         return (
           <View style={styles.transferToContainer}>
             <TextInput
-              style={[styles.input]}
+              style={[styles.input, { width: '100%' }]}
               onChangeText={(value) => {
                 this.setState({ destination: value, step: 1 });
                 this._handleOnAmountChange(state, value);

src/screens/transfer/screen/transferScreen.js

@@ -193,7 +193,7 @@ const TransferView = ({
     <Fragment>
       <BasicHeader title={intl.formatMessage({ id: `transfer.${transferType}` })} />
       <View style={styles.container}>
-        <ScrollView>
+        <ScrollView contentContainerStyle={styles.fullHeight}>
           <View style={[styles.toFromAvatarsContainer, { marginBottom: 16 }]}>
             <UserAvatar username={from} size="xl" style={styles.userAvatar} noAction />
             <Icon style={styles.icon} name="arrow-forward" iconType="MaterialIcons" />
@@ -250,6 +250,7 @@ const TransferView = ({
             )}
             {(transferType === 'points' || transferType === 'transfer_token') && (
               <TransferFormItem
+                containerStyle={{ marginTop: 40 }}
                 rightComponent={() =>
                   _renderDescription(intl.formatMessage({ id: 'transfer.memo_desc' }))
                 }

src/screens/transfer/screen/transferStyles.js

@@ -116,7 +116,7 @@ export default EStyleSheet.create({
     borderColor: '$borderColor',
     borderWidth: 1,
     height: 44,
-    width: 172,
+    width: '100%',
     borderRadius: 8,
     marginHorizontal: 2,
   },
@@ -318,4 +318,7 @@ export default EStyleSheet.create({
   grow: {
     flexGrow: 1,
   },
+  fullHeight: {
+    height: '100%',
+  },
 });