This library provides two versions that are align with Reanimated v1 & v2
yarn add @gorhom/bottom-sheet@^3
yarn add react-native-reanimated react-native-gesture-handler
Installing pods:
cd ios && pod install
Updating MainActivity.java:
import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
public class MainActivity extends ReactActivity {
@Override
protected String getMainComponentName() {
return "THeStyleguide";
}
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}
}
project.ext.react = [ enableHermes: true ]
import com.facebook.react.bridge.JSIModulePackage; // <- add
import com.swmansion.reanimated.ReanimatedJSIModulePackage; // <- add
...
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
...
@Override
protected String getJSMainModuleName() {
return "index";
}
@Override
protected JSIModulePackage getJSIModulePackage() {
return new ReanimatedJSIModulePackage(); // <- add
}
};
...
Run: $ yarn add react-native-vector-icons
Add the icon fonts to your Xcode project. Just follow these steps:
-
Edit
Info.plist
UIAppFonts MaterialIcons.ttf
project.ext.vectoricons = [ iconFontNames: [ 'MaterialIcons.ttf' ] ]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"