callstack / callstack/react-native-paper

Why `AnimatedText` is not exported?

Aperta
#3,818 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
question Typography
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

I've created a text component that "bounces" on press applying a simple scaling transformation:
```

```

I've noticed that `AnimatedText` is not exported and I had to import it like:
```
import AnimatedText from "react-native-paper/src/components/Typography/AnimatedText";
```

And even so, there seems to be a couple of TS issues:
```
node_modules/react-native-paper/src/components/Typography/AnimatedText.tsx:67:44 - error TS2339: Property 'regular' does not exist on type 'Fonts | ({ displayLarge: MD3Type; displayMedium: MD3Type; displaySmall: MD3Type; headlineLarge: MD3Type; headlineMedium: MD3Type; ... 9 more ...; bodySmall: MD3Type; } & { ...; })'.
Property 'regular' does not exist on type '{ displayLarge: MD3Type; displayMedium: MD3Type; displaySmall: MD3Type; headlineLarge: MD3Type; headlineMedium: MD3Type; headlineSmall: MD3Type; ... 8 more ...; bodySmall: MD3Type; } & { ...; }'.

67 const font = !theme.isV3 ? theme.fonts.regular : theme.fonts.bodyMedium;
~~~~~~~

node_modules/react-native-paper/src/components/Typography/AnimatedText.tsx:70:65 - error TS2339: Property 'text' does not exist on type 'MD2Colors | MD3Colors'.
Property 'text' does not exist on type 'MD3Colors'.

70 color: theme.isV3 ? theme.colors.onSurface : theme.colors.text,
```

I'm wondering, is `AnimatedText` supposed to be exported and the TS issues fixed OR is there another recommended way to achieve what I'm trying to do?

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Start with src/components/Typography/AnimatedText.tsx and the package's public export entry points. Reproduce the reported TypeScript errors, then determine whether AnimatedText should be part of the public API or whether another supported approach is intended; done means the chosen API is documented by its exports and the reported type errors are resolved or clearly addressed.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react-native, typescript
Ambito
mobile
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.