Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

TextInput value and placeholders are not aligned out of the box

Abierto
  • ¿Algo no está bien?
#15,939 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 2 días

@protikbiswas100 ya está trabajando en esto.

Desde el 7/4/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

bug
Problem Description

I have

      <TextInput
        style={styles.input}
        placeholder="Note title testing!!..."
        placeholderTextColor="#666"
        value={title}
        onChangeText={setTitle}
      />

and

  input: {
    backgroundColor: '#16213e',
    borderRadius: 8,
    padding: 12,
    color: '#fff',
    fontSize: 16,
    borderWidth: 1,
    borderColor: '#0f3460',
    marginBottom: 16,
  },

That yields this unaligned textinput

Image
Steps To Reproduce
  1. create a text input
  2. set the placeholder prop

See that the placeholder is unaligned

Expected Results

The textinput placeholder to be aligned

CLI version

20.0.0

Environment
(I am running on Parrallels)

info Fetching system and libraries information...
System:
  OS: Windows 11 10.0.26200
  CPU: (4) arm64 Apple Silicon
  Memory: 1.36 GB / 7.99 GB
Binaries:
  Node:
    version: 24.14.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn: Not Found
  npm:
    version: 11.9.0
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    Versions:
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 18.3.11520.95 (Visual Studio Community 2026)
Languages:
  Java: Not Found
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.1
    wanted: 19.1.1
  react-native:
    installed: 0.82.1
    wanted: 0.82.1
  react-native-windows:
    installed: 0.82.3
    wanted: ^0.82.3
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.84.1 is now available (your project is running on v0.82.1).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.84.1
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.82.1&to=0.84.1
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".
Community Modules
    "@react-native/new-app-screen": "0.82.1",
    "@react-navigation/bottom-tabs": "^7.15.9",
    "@react-navigation/native": "^7.2.2",
    "@react-navigation/stack": "^7.8.9",
    "@tanstack/react-query": "^5.96.2",
    "react": "19.1.1",
    "react-native": "0.82.1",
    "react-native-gesture-handler": "^2.31.0",
    "react-native-safe-area-context": "^5.5.2",
    "react-native-windows": "^0.82.3"
Target React Native Architecture

New Architecture (WinAppSDK) Only

Target Platform Version

<= 10.0.17763

Visual Studio Version

Visual Studio 2022

Build Configuration

Debug

Snack, code example, screenshot, or link to a repository

No response

Lenguaje dominante
C++
Estrellas
17.4k
Forks
1.2k
Merge medio
2 d 17 h
PR fusionados (30 d)
13

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/react-native-windows

Todos los issues de microsoft/react-native-windows

Issues similares

Más issues de C++

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.