Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Appanvil karma designer
summary Base packages All the base packages listed here. reactv17.0.2React is a JavaScript library for creating user interfaces. react-nativev0.68.5A framework for building native apps using React. @react-native-community/cliv5.0.1Command line tools to interact with react native projects. react-native-safe-area-contextv3.2.0A flexible way to handle safe area. react-native-screensv3.1.1It is a native navigation primitive for your react native app. react-native-reanimatedv2.13.0React Native Reanimated provides the Animated library API to be built much greater flexibility gesture based interactions. Storage and navigation packages All the packages based on storage and navigation are listed here.
page{"id":"EJyr1dNQxAJdJguiodbJA","name":"page","children":[{"id":"xq8go2x2nzRB53Gl6mcmu","params":{"background":"#ffffff","padding":60,"gap":10},"children":[],"name":"section"},{"id":"iOCUkGtPzoYzSRQ_IZAXO","params":{"background":"#ffffff","padding":40,"gap":10},"children":[{"id":"T6VH1jxSnGwoKqg2Ay_4o","name":"row","children":[{"id":"u85Tg3_LNhVFB0-MLwyt5","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":"Base packages","fontWeight":700,"fontFamily":"unset","fontSize":48,"letterSpacing":-2,"lineHeight":"54px"}],"align":"center"}]}]},"children":[],"id":"0agAFJ1HkUPRHSHij9mJ8"},{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontFamily":"unset","color":"#888888","fontWeight":300,"letterSpacing":0,"lineHeight":"32px","fontSize":20,"text":"All the base packages listed here."}],"align":"center"}]}]},"children":[],"id":"oQyT1u2vlLaI2SEOCAI02"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":30,"verticalAlignment":"top"}},{"id":"9aXfGFXweLj0dwPnVID-w","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"qFxOGXEu4HKXMPlPqhO7k","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"fGN0Bw-MPJ92svmy2eeCf","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"MKpWaMAiPWcL6NWbheDKj","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"ha-p7UfsgKrDleOssBVVm","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":200,"padding":10,"borderRadius":0,"size":"small"}}],"name":"section"},{"id":"7tgo4iW1-YStiV7f-jnqg","params":{"background":"#F0F9ff#FAFAFA","padding":60,"gap":20},"children":[{"id":"YQM1zg_g8vLlGW6qdJh3D","name":"row","children":[{"id":"874D1tVBoPLY-5mBDYL8e","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/react","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"react","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF","underline":true}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v17.0.2","fontSize":14}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":""}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"React is a JavaScript library for creating user interfaces.","color":"#000000"}]}]}]},"children":[],"id":"x9agsLp-iwlIDly56ylA6"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":12,"verticalAlignment":"top"}},{"id":"facIqk_GFdAgbLIsJj4Pf","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/react-native","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"react-native","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF","underline":true}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v0.68.5","fontSize":14}]}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":""}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"A framework for building native apps using React.","color":"#000000"}]}]}]},"children":[],"id":"sZXmRzeKKuvCx7Tvu1s9h"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"rg4uBpDd09xtSX339ViB4","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/@react-native-community/cli","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"@react-native-community/cli","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF"}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"color":"#000000","fontWeight":700,"lineHeight":"16px","text":""}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v5.0.1","fontSize":14}]}]}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"Command line tools to interact with react native projects.","color":"#000000"}]}]}]},"children":[],"id":"ezjTbM2FGu_iOyCLgu1YY"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"R2lRyJOyphhIADLrliv1L","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"oH8-wRmy16Y-KcEGAvM2o","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"N8kQZpKhgilUiIj77nR0N","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1,1,1],"gap":100,"minHeight":0,"padding":10,"borderRadius":0,"size":"medium"}},{"id":"5Sdj8eTQMh9Q4ELUrlcaF","name":"row","children":[{"id":"1deDoBnS1Qf6yKg9b_RoG","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/react-native-safe-area-context","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"react-native-safe-area-context","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF","underline":true}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"text":""}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v3.2.0","fontSize":14}]}]}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"A flexible way to handle safe area.","color":"#000000"}]}]}]},"children":[],"id":"4QN1_LVOkqHPLp65F2950"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":12,"verticalAlignment":"top"}},{"id":"kh52MdDg-YfIlg2Qy__99","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/react-native-screens","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"react-native-screens","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF","underline":true}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"color":"#000000","fontWeight":700,"lineHeight":"16px","text":""}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v3.1.1","fontSize":14}]}]}]}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"It is a native navigation primitive for your react native app.","color":"#000000"}]}]}]},"children":[],"id":"JkcVxWykseZloUSo1MuDb"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"33ljQDIx8BVndpMtwvekG","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":""},{"type":"link","link":{"value":"https://www.npmjs.com/package/react-native-reanimated","target":"_blank","type":"link"},"children":[{"fontFamily":"unset","letterSpacing":0,"text":"react-native-reanimated","fontSize":16,"fontWeight":700,"lineHeight":"16px","color":"#0091FF","underline":true}]},{"text":""}],"align":"left"},{"type":"paragraph","align":"left","children":[{"text":""}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","color":"#888888","letterSpacing":0,"lineHeight":"24px","text":"v2.13.0","fontSize":14}]}]}]}]}]}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","letterSpacing":0,"fontSize":16,"lineHeight":"24px","color":"#000000","fontWeight":700,"text":""}]},{"type":"paragraph","align":"left","children":[{"fontFamily":"unset","fontWeight":300,"letterSpacing":0,"fontSize":16,"lineHeight":"24px","text":"React Native Reanimated provides the Animated library API to be built much greater flexibility gesture based interactions.","color":"#000000"}]}]}]},"children":[],"id":"Ilwh3iXQjcmaRDbkElSz2"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"5cF_P-7trtLHWMqQM_0q2","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"M0OKjYlViwsaxT6sfLt2J","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"rSuIFQmKPfcRpcFc4JFV5","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1,1,1],"gap":100,"minHeight":0,"padding":10,"borderRadius":0,"size":"medium"}}],"name":"section"},{"id":"7UT6oMlrMyRMPeqg8KrgQ","params":{"background":"#ffffff","padding":80,"gap":10},"children":[{"id":"4rIvzZXUGI0rWTJtIjdYL","name":"row","children":[{"id":"EExILKizoENkS_3R1Yc91","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":"Storage and navigation packages","fontWeight":700,"fontFamily":"unset","fontSize":48,"letterSpacing":-2,"lineHeight":"54px"}],"align":"center"}]}]},"children":[],"id":"gyJXPIFdjQY3yHpuiBN60"},{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontFamily":"unset","color":"#888888","fontWeight":300,"letterSpacing":0,"lineHeight":"32px","fontSize":20,"text":"All the packages based on storage and navigation are listed here."}],"align":"center"}]}]},"children":[],"id":"Ut8niEQnK1x0mDR8jz9qT"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":30,"verticalAlignment":"top"}},{"id":"sKFWSrLFY3W_uhsfksqlw","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"vep7WRu3iPyHbG-fQrOlV","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"uGbHEIu3snx3eyojuGYv7","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"Qea8AxiGu2oScH9vX4BBf","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"3AarMlcjPnEMWkCZ6nc3Y","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":200,"padding":10,"borderRadius":0,"size":"small"}}],"name":"section"}]}