daniele-zurico

const panels = this.state.panels.map(panel => (
	<ExpansionPanel key={panel.key}>
    <ExpansionPanelTitle>{panel.title}</ExpansionPanelTitle>
    <ExpansionPanelContent>{panel.body}</ExpansionPanelContent>
  </ExpansionPanel>
));

daniele-zurico

import React, { Component, cloneElement, Children } from "react";
class ExpansionPanel extends Component {
  state = {
    show: false
  };

  toggleContent = () => {
    this.setState(prevState => ({
      show: !prevState.show
    }));

daniele-zurico

const expansionPanelTitle = props => (
  <div style={{ border: "1px solid red" }} onClick={props.onClick}>
    {props.children}
  </div>
);
export default expansionPanelTitle;

daniele-zurico

import React from "react";
const expansionPanelContent = props => {
  return <div style={{ border: "1px solid blue" }}>{props.children}</div>;
};
export default expansionPanelContent;

daniele-zurico

const panels = this.state.panels.map(panel => (
	<ExpansionPanel key={panel.key}>
		<ExpansionPanelTitle>{panel.title}</ExpansionPanelTitle>
		<ExpansionPanelContent>{panel.body}</ExpansionPanelContent>
	</ExpansionPanel>
));

daniele-zurico

const items = {name: "Daniele", surname: "Zurico", sex: "male"};

// or
const items = ["Daniele", "Zurico", "male"];

//or
const items = new Map([
  ["name": "Daniele"],
  ["surname": "Zurico"]
])

daniele-zurico

<ul>
  <li *ngFor="let item of Items | keyvalue">
    {{item.key}}: {{item.value}}
  </li>
</ul>

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';
import Icon from 'react-native-vector-icons/FontAwesome';
import themeStyle from './common/style/theme.style';

const InnerNavigator = createDrawerNavigator(

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';

const InnerNavigator = createDrawerNavigator(
  {
    Home: {

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';

const StackHomeNavigator = createStackNavigator(
  {
    Home: {