Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

TextInput value and placeholders are not aligned out of the box

Aperta
  • Qualcosa non va?
#15,939 3 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

@protikbiswas100 ci sta già lavorando.

Dal 7/4/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

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

Lingua principale
C++
Stelle
17.4k
Fork
1.2k
Merge medio
2g 17h
PR unite (30g)
13

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di microsoft/react-native-windows

Tutte le issue di microsoft/react-native-windows

Issue simili

Altre issue su C++

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.