bamlab / bamlab/react-native-screen-sizer

Modals are not supported by the ScreenSizer

Aperta
#18 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

good first issue
Lingua principale
TypeScript
Stelle
22
Fork
2
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Issue Description

Modals are not reduced in size when the ScreenSizer

Steps to Reproduce (If applicable)

Use a simple react-native modal

export default function App() {
  const [modalVisible, setModalVisible] = React.useState(false);
  return (
    <SafeAreaProvider>
      <ScreenSizer.Wrapper
        devices={[
          ScreenSizer.defaultDevices.iPhoneSE2016,
          ScreenSizer.defaultDevices.galaxyS8,
          'hostDevice',
        ]}
        activatedByDefault
      >
        <View style={styles.container}>
          <Text style={styles.title}>ScreenSizer Demo Application</Text>
          <Button
            onPress={() => ScreenSizer.toggleScreenSizer()}
            title="Toggle Screen Sizer"
          />
          <Button onPress={() => setModalVisible(true)} title="open modal" />
        </View>
        <Modal
          visible={modalVisible}
        >
          <View style={styles.container}>
            <Button
              onPress={() => setModalVisible(false)}
              title="close modal"
            />
          </View>
        </Modal>
      </ScreenSizer.Wrapper>
    </SafeAreaProvider>
  );
}

Expected Behavior

The modal should be contained inside the frame generated by the wrapper.

Actual Behavior

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.

Direzione di ricerca

Inizia eseguendo la riproduzione React Native fornita e analizza come ScreenSizer.Wrapper gestisce il React Native Modal. Conferma il percorso di rendering attuale del modal, quindi verifica che, aprendolo, il suo contenuto rimanga all'interno del riquadro generato dal wrapper.

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

Valutazione

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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.