Components inside the Text wont follow the width of the Text when screen Orientation is changed
Personne n'a encore pris cette issue.
- Langage dominant
- C++
- Étoiles
- 127k
- Forks
- 25.3k
- Merge moyen
- 1 j 23 h
- PR mergées (30 j)
- 4
Description
Description
So I implement AdMobBanner and then decided to place is inside the Text component.
Why I did that, Well I have AdMobBanner inside TouchableOpacity component and if I do not place it inside the Text, the user wont be able to click on it.
Now this is not the problem, the problem is that when the screen Orientation is changed the component inside the Text wont follow for some reason.
React Native version:
System:
OS: Windows 10 10.0.19042
CPU: (8) x64 Intel(R) Core(TM) i7-3820 CPU @ 3.60GHz
Memory: 1.13 GB / 7.92 GB
Binaries:
Node: 15.6.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 6.14.11 - D:\Projects\NovelManager\node_modules\.bin\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 26, 28, 29, 30
Build Tools: 28.0.3, 29.0.2, 30.0.3
System Images: android-30 | Google APIs Intel x86 Atom
Android NDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: Not Found
Visual Studio: 16.7.30517.126 (Visual Studio Enterprise 2019)
Languages:
Java: 11.0.10 - C:\Program Files\AdoptOpenJDK\jdk-11.0.10.9-hotspot\bin\javac.EXE
Python: 3.9.1 - C:\Python39\python.EXE
npmPackages:
@react-native-community/cli: Not Found
react: ~16.13.1 => 16.13.1
react-native: ^0.63.4 => 0.63.4
react-native-windows: Not Found
npmGlobalPackages:
*react-native*: Not Found
Steps To Reproduce
I have create a demo that represent the problem here on snack
To test this you will have to view it on your phone.
This is the code you should look into when you navigate snack
<Text key={attr["index"]} style={{maxWidth:"100%",minWidth:"100%", backgroundColor:"red", justifyContent:"center"}} onPress={e=> {e.preventDefault() }}>
<Banner bannerSize="smartBannerPortrait"
/>
</Text>
Expected Results
The Text component should behave like View and when the screen Orientation is changed its children should also follow the Text component style
Snack, code example, screenshot, or link to a repository:
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Ouvrez le Snack lié et reproduisez le problème sur un téléphone en changeant l’orientation. Commencez par le composant Text contenant le Banner et comparez sa largeur au comportement attendu ; le travail est terminé lorsque le Banner intégré suit la largeur de Text après les changements d’orientation.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react-native
- Domaine
- mobile
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 30/100