Przeglądaj źródła

android fix (can`t reproduce, need a test)

Viktoriia 1 tydzień temu
rodzic
commit
03402405b5

+ 5 - 33
src/components/Input/index.tsx

@@ -166,6 +166,7 @@ export const Input: FC<Props> = ({
             inputMode={inputMode ?? 'text'}
             secureTextEntry={isPrivate ?? false}
             placeholder={placeholder}
+            placeholderTextColor={Colors.LIGHT_GRAY}
             onChangeText={onChange}
             multiline={multiline}
             contextMenuHidden={inputMode === 'none'}
@@ -190,42 +191,13 @@ export const Input: FC<Props> = ({
                 onBlur(e);
               }
             }}
-            style={[{ height: '100%', width: '100%', flex: 1 }, !icon ? { padding: 10 } : null]}
+            style={[
+              { height: '100%', width: '100%', flex: 1, color: Colors.BLACK },
+              !icon ? { padding: 10 } : null
+            ]}
             autoFocus={autoFocus}
           />
         )}
-        {/* <TextInput
-          editable={editable}
-          value={value}
-          inputMode={inputMode ?? 'text'}
-          secureTextEntry={isPrivate ?? false}
-          placeholder={placeholder}
-          onChangeText={onChange}
-          multiline={multiline}
-          contextMenuHidden={inputMode === 'none'}
-          caretHidden={inputMode === 'none'}
-          onPress={() => {
-            setFocused(true);
-            if (isFocused) {
-              isFocused(true);
-            }
-          }}
-          onFocus={() => {
-            if (inputMode !== 'none') {
-              setFocused(true);
-              if (isFocused) {
-                isFocused(true);
-              }
-            }
-          }}
-          onBlur={(e) => {
-            setFocused(false);
-            if (onBlur) {
-              onBlur(e);
-            }
-          }}
-          style={[{ height: '100%', width: '100%', flex: 1 }, !icon ? { padding: 10 } : null]}
-        /> */}
         {clearIcon && value && value?.length > 0 ? (
           <TouchableOpacity
             style={styles.clearIcon}

+ 1 - 0
src/screens/InAppScreens/MessagesScreen/ChatScreen/index.tsx

@@ -2077,6 +2077,7 @@ const ChatScreen = ({ route }: { route: any }) => {
                   <TextInput
                     ref={textInputRef}
                     multiline
+                    textAlignVertical="center"
                     placeholder=""
                     value={props.text}
                     onChangeText={props.onTextChanged}

+ 1 - 0
src/screens/InAppScreens/MessagesScreen/ChatScreen/styles.tsx

@@ -50,6 +50,7 @@ export const styles = StyleSheet.create({
     gap: 2
   },
   composer: {
+    color: Colors.BLACK,
     backgroundColor: Colors.WHITE,
     borderRadius: 12,
     borderWidth: 0.5,

+ 1 - 0
src/screens/InAppScreens/MessagesScreen/GroupChatScreen/index.tsx

@@ -2149,6 +2149,7 @@ const GroupChatScreen = ({ route }: { route: any }) => {
         <TextInput
           ref={textInputRef}
           multiline
+          textAlignVertical="center" 
           placeholder=""
           value={props.text}
           onChangeText={props.onTextChanged}