23 Mahtavaa React Native Forms -kirjastoa, jotka sinun pitäisi tietää

Blogi

23 Mahtavaa React Native Forms -kirjastoa, jotka sinun pitäisi tietää

React Native Select -valitsin

Räätälöity valitsin (aivan kuten | _+_ | html: ssä), joka tekee saman iOS: ssä ja Androidissa

Katso GitHubista

React Native Form4u

React Native -muodonmuodostaja, yksinkertainen, kevyt ja nopea!

  • Määritä kentät yksinkertaisella json -tiedostolla. Kaikenlainen reagoiva natiivikenttä tai kelvollinen komponentti hyväksytään;
  • Määritä kentän vahvistus joustavasti käyttämällä JavaScript -toimintoa virheiden palauttamiseen;
  • Määritä oma soittopyyntö lomakkeiden lähettämistä varten;
  • Paketin mukana tulee täydellinen kirjautumisnäytön esimerkki.

ominaisuudet

kuinka ostaa kryptoa matkalla
  • Estää likaisten lomakkeiden lähettämisen
  • Alusta kentät oletusarvoilla
  • Oletusmaskityypit yleisimmille kenttätyypeille, kuten päivämäärä, vain numero, postinumero, valuutta, Brasilian CPF/CNPJ
  • Käytä mukautettuja maskeja reagoiva-natiivi-naamioitu tekstin avulla
  • Tukee mukautettuja tarkistuksia
  • Toteuttaa yleisten kenttätyyppien oletusvalidoinnit (sähköposti)
  • Määritä oma lomaketyylisi
  • Määritä oma kenttätyyli
  • Käyttää Nativebase -komponentteja

Katso GitHubista

Expo -tietolomakkeet

Luo kauniita lomakkeita, jotka lähettävät tietoja reduxiin, graphql -mutaatioon tai apiin monissa eri syöttötyypeissä
Luo kauniita lomakkeita, jotka lähettävät tietoja reduxiin, graphql -mutaatioon tai apiin monissa eri syöttötyypeissä. Tämän repon tavoitteena on erottaa sovellusliittymästä käyttöliittymän semantiikka (lomakekentät), joka näyttää muokattavat ja tallennettavat tietokantatiedot mistä tahansa mutaatiosta, jossa tiedoilla voi olla mitä tahansa tyyppiä.

Katso GitHubista

React Native Form Validator

React -alkuperäisen lomakkeen vahvistaja on yksinkertainen kirjasto, joka vahvistaa lomaketiedostot React Native -palvelun avulla. Kirjastoa on vapaaehtoisesti helppo käyttää. Sinun on vain laajennettava ValidationComponent -luokkaa halutulle React -alkuperäiselle lomakekomponentille.

Katso GitHubista

Reagoi ristilomakkeet

Lomakkeet ReactJS -sovellusten vahvistuksella!

Katso GitHubista

Reagoi Native Image Picker -lomake

React Native -komponenttitehdas tcomb-form-native -kirjaston kanssa käytettäväksi. Kuvan valintaan käytetään tällä hetkellä reagoi-natiivi-kuvan-rajaus-valitsinta.

Katso GitHubista

Reagoi alkuperäisen valintaruudun lomake

reagoi-natiivi-valintaruutu-lomake on yksinkertainen valintaruudun komponentti, se toimii Androidilla ja iOS: llä.

Katso GitHubista

Tcomb -lomake Alkuperäinen

tcomb-form-native etsii ylläpitäjiä. Jos olet kiinnostunut auttamaan, hyvä tapa aloittaa on aloittaa GitHub-asioiden punnitseminen, joidenkin PR: ien tarkistaminen ja testaaminen.

Katso GitHubista

React Native Form Builder

Jos etsit parempaa lomakkeenhallintakirjastoa, jossa on kehittyneempiä ominaisuuksia, tutustu React Reactive Formiin.

ominaisuudet

  • Luo lomakekenttien käyttöliittymä
  • Hallitse, seuraa tilaa ja kenttien arvoja
  • Hallitsee automaattisesti tarkennuksen seuraavaan lähetyskenttään (TextInput)
  • Käsittele kaikki näppäimistöön liittyvät ongelmat älykkäästi
  • Tukee mukautettuja validointeja ja sisäkkäisiä lomakkeita
  • Käyttää Nativebase -komponentteja

Katso GitHubista

React Reactive -lomake

Kulmaiset reaktiiviset muodot Reactissa.
Se on Angularin reaktiivisten lomakkeiden innoittama kirjasto, jonka avulla voit luoda komponentiluokassa olevan lomakkeen ohjausobjektien puun ja sitoa ne alkuperäisillä lomakkeen ohjausobjekteilla.

ominaisuudet

  • UI riippumaton.
  • Nolla riippuvuutta.
  • Sisäkkäiset lomakkeet.
  • Tilaajat säätimien arvon ja tilan muutoksiin.
  • Tarjoaa joukon vahvistimia ja tukee myös mukautettuja synkronointi- ja asynkronointivahvistimia.
  • | _+_ | api luoda suuria lomakkeita, joissa on vähemmän koodia.
  • Parempi lomakkeiden hallinta | _+_ | & | _+_ | apis.
  • Mukautettava päivitysstrategia parantaa suorituskykyä suurilla lomakkeilla.

Katso GitHubista

React Native Instagram -kirjautuminen

reagoi natiiviin instagram -kirjautumiskomponenttiin (tuki androidille ja iosille). Vetopyynnöt ovat tervetulleita!

Katso GitHubista

Reagoi Native Advanced -lomakkeet

Joustava React Native -arkkitehtuuri lomakkeiden luomiseen ja hallintaan

Ominaisuudet:

  • Monialustainen (iOS, Android)
  • Salli joustavat lomakeasettelut
  • Hallitse ja vahvista kentän syöttöarvoja helposti
  • Seuraavan kentän automaattitarkennus parantaa käyttökokemusta
  • Integroi helposti omat mukautetut komponentit
  • Komponenttipohjainen - käytä Reduxin kanssa tai ilman
  • Yhteensopiva React Native 0.40+: n kanssa
  • Käytetty menestyksekkäästi tuotanto -sovelluksissa

Katso GitHubista

Syöttönumero

React Input Number http://react-component.github.io/input-number/

Katso GitHubista

Redux -lomake

Korkeamman tilauksen komponentti, joka käyttää reaktioreduktioita pitämään lomakkeen tilan Redux-kaupassa https://redux-form.com

Katso GitHubista

Reagoi Native Gifted -lomake

Yksi React-Native-lomakekomponentti hallita niitä kaikkia

Katso GitHubista

Tcomb -lomake Alkuperäinen

tcomb-form-native etsii ylläpitäjiä. Jos olet kiinnostunut auttamaan, hyvä tapa aloittaa on aloittaa GitHub-asioiden punnitseminen, joidenkin PR: ien tarkistaminen ja testaaminen.

Katso GitHubista

React Native Foect

Yksinkertainen lomakkeen vahvistuskirjasto React Nativeille.

Katso GitHubista

Reagoi Native Formik

Luo lomakkeita Reactissa ilman kyyneliä https://jaredpalmer.com/formik

Olkaamme rehellisiä, lomakkeet ovat todella monitahoisia Reactissa. Mikä pahempaa, useimmat avustajat tekevät aivan liikaa taikuutta, ja niihin liittyy usein merkittäviä suorituskykykustannuksia. Formik on pieni kirjasto, joka auttaa sinua 3 ärsyttävimmässä osassa:

Arvojen saaminen muotoon ja sen ulkopuolelle
Validointi- ja virheilmoitukset
Lomakkeen lähettämisen käsittely
Kun kokoat kaikki edellä mainitut yhteen paikkaan, Formik pitää asiat järjestyksessä - tekee testistä, uudelleenfaktoroinnista ja perustelut lomakkeistasi helppoa.

Katso GitHubista

React Native Form Generator

ominaisuudet

  • Android- ja IOS -tuki, Yeah Baby!
  • Miellyttävät oletukset, täysin ohitettavissa
  • Ei sisällä riippuvuuksia
  • Käytä omaa kuvakepakettiasi
  • Helppokäyttöinen ja puhdas, reagoi tyylin syntaksiin
  • Automaattinen tapahtumien käsittely
  • Tukee mukautettuja kenttiä ja tyylejä lisäämättä mitään outoa syntaksia (luo vain reagointikomponentti)
  • Ottaa käyttöön oletusarvoisesti nykyisen käyttöjärjestelmän tyylin
  • Tcombin innoittamana hyvät osat
  • Esitykset: vain muutettu kenttä saa setState -tilan
  • Sinun ei tarvitse luoda tietojasi sisältävää mallia tai rakennetta, vaan vain luoda lomakekomponentti (Reactin tapa)
  • Validate InputFields based on keyboardType (voidaan ohittaa käyttämällä validationFunction)
  • Useita validoijia
  • Nollaa/aseta kentät ohjelmallisesti (setValue, setDate, setTime, focus)
  • Muokattu kääre Picker & DatePicker -komponenteille (vain iOS)

Katso GitHubista

Reagoi alkuperäiset lomakkeet

[Vanhentunut] Yksinkertainen, deklaratiivinen sovellusliittymä eri alustojen välisten, natiivimainittujen lomakkeiden luomiseen React Native -ohjelman avulla
Kirjoitin tämän kirjaston kaksi vuotta sitten käyttötarkoitukseen työssä, kun React Native oli vielä suhteellisen nuori. Avasin sen yleisessä hengessä, jossa jaoin koodia, joka oli ollut hyödyllinen minulle, mutta koska elämän vaikeudet olivat sellaisia ​​kuin ne ovat, minulla ei ollut mahdollisuutta pitää sitä ajan tasalla, ja siitä on tullut hyvin vanhentunutta. Jos haluat käyttää sitä, käytä sitä! Mutta koska en enää käytä React Native -palvelua työssä, minulla ei ole aikaa päivittää tätä tai lisätä ominaisuuksia, vaikka otan PR: t ja mahdollisesti annan aktiivisen avustajan ylläpito -oikeudet repolle, jos heidän mielestään on hyödyllistä työskennellä. Jos haluat samankaltaisia ​​käyttöliittymätoimintoja paljon suuremmassa ja paremmin ylläpidetyssä projektissa, suosittelen tarkistamaan React Native Elements. On myös paljon muita parempia vaihtoehtoja. Kiitos käynnistä!

Katso GitHubista

React Native Fm -lomake

FM -lomake on React Native -moduuli, jolla voit nopeasti luoda sivuja lomakkeella. Se toimii kuten selkämuoto. Tämän moduulin avulla voit luoda sivun 5 minuutissa!

Tällä hetkellä vain iOS -tuki !!!

Rakennan tämän moduulin, koska olen laiska… Tämän projektin alkuperäinen tarkoitus on kehittää sovellus nopeammin. Uskon, että vikoja ja suunnitteluongelmia on monia. Jos olet kiinnostunut tästä projektista, auta minua parantamaan sitä!

Katso GitHubista

React Native Clean -muoto

Helppo reagoida alkuperäisiin lomakkeisiin käyttämällä bootstrap-kaltaista syntaksia ja Redux-muoto+immutablejs-integraatio. Muotoiltu käyttämällä tyylikomponentteja http://esbenp.github.io/2017/01/06/react-native-redux-form-immutable-styled-components/

Katso GitHubista

#reagoi-natiivi #reaktio #mobiilisovellukset