How to use react-native-ui-kitten - 5 common examples

To help you get started, we’ve selected a few react-native-ui-kitten examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github akveo / kittenTricks / app / screens / navigation / list.js View on Github external
)
  }

  render() {
    return (
      
    )
  }
}

let styles = RkStyleSheet.create(theme => ({
  item: {
    height: 80,
    justifyContent: 'center',
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderColor: theme.colors.border.base,
    paddingHorizontal: 16
  },
  list: {
    backgroundColor: theme.colors.screen.base,
  },
  container: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  icon: {
    width: 34,
github akveo / kittenTricks / app / components / charts / progessChart.js View on Github external
fill={RkTheme.current.colors.text.base}>
              {`${this.state.percents}%`}
            
          
          
        
      
    )
  }
}

let styles = RkStyleSheet.create(theme => ({
  chartContainer: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
    marginTop: 10
  }
}));
github akveo / kittenTricks / app / screens / articles / blogposts.js View on Github external
)
  }

  render() {
    return (
      
    )
  }
}

let styles = RkStyleSheet.create(theme => ({
  container: {
    backgroundColor: theme.colors.screen.scroll,
    paddingVertical: 8,
    paddingHorizontal: 14
  },
  card: {
    marginVertical: 8,
  },
  userInfo: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  avatar: {
    marginRight: 17
  }
}));
github akveo / kittenTricks / app / screens / navigation / grid.js View on Github external
)
    });


    return (
      
        {items}
      
    )
  }
}

let styles = RkStyleSheet.create(theme => ({
  root: {
    backgroundColor: theme.colors.screen.scroll,
    padding: paddingValue,
  },
  rootContainer: {
    flexDirection: 'row',
    flexWrap: 'wrap'
  },
  icon: {
    marginBottom: 16
  }
}));
github akveo / kittenTricks / app / screens / articles / articles3.js View on Github external
)
  }

  render() {
    return (
      
    )
  }
}

let styles = RkStyleSheet.create(theme => ({
  container: {
    backgroundColor: theme.colors.screen.scroll,
    paddingHorizontal: 14,
    paddingVertical: 8
  },
  card: {
    marginVertical: 8
  },
  footer: {
    paddingTop: 16
  },
  time: {
    marginTop: 5
  }
}));

react-native-ui-kitten

React Native components based on Eva Design System

MIT
Latest version published 5 years ago

Package Health Score

59 / 100
Full package analysis

Popular react-native-ui-kitten functions