More options in placement values

[KenzoM]

Currently, it seems to support only "top" | "bottom" | "center"

It would be nice to have options on values like top-right, top-left, bottom-right, etc

[KenzoM]

As for now, the only workaround I found is creating a custom toast and styling directly using marginLeft: auto on the parent of your custom toast.

Ex:

      renderType={{
        with_close_button: (toast) => (
          <Pressable
            onPress={() => {
              toast.onHide();
            }}
            style={{ marginLeft: "auto" }}
          >
            <View
              style={{
                maxWidth: "85%",
                paddingVertical: 10,
                backgroundColor: "black",
                marginVertical: 4,
                borderRadius: 8,
                borderLeftColor: "#00C851",
                borderLeftWidth: 6,
                justifyContent: "center",
                paddingHorizontal: 16,
                flexDirection: "row",
                alignItems: "flex-end",
              }}
            >
              <Text style={{ color: "white", marginRight: 16 }}>
                {toast.message}
              </Text>
              <TouchableOpacity
                onPress={() => toast.onHide()}
                style={{
                  marginLeft: "auto",
                  width: 25,
                  height: 25,
                  borderRadius: 5,
                  backgroundColor: "#333",
                  justifyContent: "center",
                  alignItems: "center",
                }}
              >
                <Text
                  style={{
                    color: "#fff",
                    fontWeight: "500",
                    marginBottom: 2.5,
                  }}
                >
                  x
                </Text>
              </TouchableOpacity>
            </View>
          </Pressable>
        ),
      }}