The official documentation states that this component contains the Props of all View components, but setting the style property of the View has no effect. I saw from the source code that the style property is not set on the Overlay component, but on its Modal component

Aperta
#3,950 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

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

Direzione di ricerca

Start by reading the Overlay and Modal implementations referenced in the report, then compare their handling of the View style props with the official documentation. Reproduce the example and determine whether the component behavior or documentation is incorrect; done means the reported style behavior is corrected or clearly documented, with coverage for the case.

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

Descrizione

Needs Triage
Is there an existing issue for this?
  • I have searched the existing issues
Explain what you did

I set the following properties of View on the Overlay component, but it has no effect

Expected behavior

set style properties of View on the Overlay component, but it has no effect

Describe the bug

set style properties of View on the Overlay component, but it has no effect

Steps To Reproduce
<Button
              title="接收原生View组件的style"
              onPress={toggleOverlay9}
              buttonStyle={styles.button}
            />
            <Overlay
            backdropStyle={{
              backgroundColor: 'blue',
              borderRadius: 100,
              opacity: 0.7,
            }}
              style={{width:200,height:100,backgroundColor:'red'}}
              isVisible={visible9}
              overlayStyle={{backgroundColor: 'green', borderRadius: 20}}
              onBackdropPress={toggleOverlay9}>
              <Text style={styles.textPrimary}>Hello!</Text>
              <Text style={styles.textSecondary}>
                Welcome to React Native Elements
              </Text>
              <Button
                icon={
                  <Icon
                    name="wrench"
                    type="font-awesome"
                    color="white"
                    size={25}
                    iconStyle={{marginRight: 10}}
                  />
                }
                title="Start"
                onPress={toggleOverlay9}
              />
            </Overlay>
Screenshots

No response

Your Environment

"@rneui/base": "^4.0.0-rc.7",
"@rneui/themed": "^4.0.0-rc.8",

Lingua principale
MDX
Stelle
25.9k
Fork
4.7k
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Apri la guida per i contributori

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 react-native-elements/react-native-elements

Tutte le issue di react-native-elements/react-native-elements

Issue simili

Altre issue su Mobile Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.