Check out example codes for "ie11 flex 1". It will help you in understanding the concepts better.

Code Example 1

Do not use "flex: 1" or "flex-basis: 0" inside "flex-direction: column" when you need to support IE11

/* not ie */
.child {
  flex: 1;
}

/* ie11 */
.child {
  flex: 1 1 auto;
}

Learn ReactJs, React Native from akashmittal.com